HTML och CSS

P16
Medlem

14 juli 2012 15:05 | #1 erikbanan

Hej jag försöker lära mig Html, Css och det går väl så där men nu vill jag klistra fast ett svart streck högst upp och den ska nudda båda kanterna av sidan så ska det åka text från kant till kant från vänstra kanten.

Jag är helt ny på detta och bara testar mig fram helt enkelt men det jag testade är:

B marquee bgcolor="black" scrolldelay="9" behavior="scroll" direction="left" Font Size="13" Color="red"Text here
<marquee
B

Det gör exakt som jag vill förutom att det blir mellanrum mellan kanterna och det svarta "strecket".

Är inte så bra att förklara men hoppas att ni förstår va jag menar.

Min fråga är om nån kan hjälpa mig med att fästa den på kanterna och "toppen" på sidan eller länka till en bra site.

Tack i förhand :)

PS va tvungen och ta bort dom här > för det blev bara röd text :S

P24
Medlem

27 juli 2012 19:11 | #2 zarex360

En liten fråga här,

När du menar mellanrum mellan kanterna, menar du då att det blir ett ett vitt mellarum från att den svarta kanten slutar till webbläsarens slut?

Skulle även vara bra om du klistrar in hur resten av din sidas kod ser ut!

P16
Medlem

29 juli 2012 10:05 | #3 erikbanan

Ja det va det jag menade, att det blev vita mellanrum mellan webbläsaren och "sträcket".

Nja varför skulle det va bra?

Inget av det är särskilt viktigt utan bara är Font color="random" och såna grejer är koden fylld av, skulle nog bara slösa på din tid att läsa resten av koden.

P24
Medlem

29 juli 2012 20:51 | #4 zarex360

Nej jag tänkte mer på vad du din body har för css, men det du kan testa at ställa in annars på body om du absolut inte har någon annan kod, är att du ställer in margin till 0.

Elelr om du har någon div tag som den här koden ligger i. Det va dräför jag ville se övrig kod, men om det inte funkar det jag skrev innan om margin, klistra in den koden som ligger från body, och ner till precis där slut taggen för marquee är.

P24
Medlem

29 juli 2012 20:51 | #5 zarex360

och juste ställ margin 0 för det lilla scriptet oxå.

P16
Medlem

31 juli 2012 18:09 | #6 erikbanan

<html>
<B> <marquee bgcolor="black" behavior="scroll" direction="left" > <Font Size="13" Color="red">WTEXT JERE </Font>

</marquee>
</B>
</Font>

<H1>

<head>

</head>

<H1 ALIGN="Center" > TEXT HERE</H1>
<H1 ALIGN="Center"> TEXT HERE<Font color="red">TEXT HERE</Font>.</H1>
<H1 ALIGN="Center"> TEXT HERE.</H1>
<H1 ALIGN="Center">TEXT HERE.</H1>
<H1 ALIGN="Center">TEXT HERE </font> <Font color="red">TEXT HERE </font>.</H1>

<H1 ALIGN="Center"> <Font Color="white" size="5">
<P> <B>Owner of this site</b> </P> </Font> </H1>
<H1 ALIGN="Center"> > <img src="anonymous.png" border="3" > </H1>
</body>

</html>

Där är koden.

Kanske lite slarvig skriven men som sagt är jag ny på detta :)
Det funkade ej med margin om jag nu gjorde rätt :)

P24
Medlem

31 juli 2012 19:21 | #7 zarex360

Okej,

Men börja med så här. Allt som ska visas på sidan ska ligga mellan <body> och </body

Sen så rekomenderar jag att du använder dig av css och div taggar. JAg slängde ihop det lite fort här som gör det du vill du ska göra. Men kanske råkade ta bort något. Men så här så hamnar allt där det ska hamna och jag har kommenterat allt oxå så att det ska vara lätt för dig att förstå.

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Din sida</title>

#text { /*en div tagg för din text */
margin-top: 50px; /* hör långt ner rutan ska hamna trån toppen*/
margin-right: auto; /* detta och margin left för att rutan hamnar i mitten av sidan */
margin-left: auto;
height: auto; /* Hur hög rutan ska bli just nu på auto, vilket gör att ju mer text du fyller i desto högre blir den */
width: 200px; /* hur bred rutan ska bli */
}
/* Här slutar din css kod */
</style>
</head>

<marquee bgcolor="black" behavior="scroll" direction="left" > <Font Size="13" Color="red">WTEXT JERE </Font>
</marquee>

<div id="text">
<h1>text här</br>
text här</br>
text här</br>
text här</br>
text här </h1>
[/quote]

<H1 ALIGN="Center"> <Font Color="white" size="5">
<P> <B>Owner of this site</b> </P> </Font> </H1>
<H1 ALIGN="Center"> > <img src="anonymous.png" border="3" > </H1>

</body>
</html>

Hoppas det hjälper dig lite, annars hör av dig igen.

P24
Medlem

31 juli 2012 19:22 | #8 zarex360

Kopier hela koden och sätt in den i din editor där du skriver dina koder så blir det lättare för dig att se vad som är vad. Så att det blev ganska så grötit här.

P16
Medlem

31 juli 2012 21:17 | #9 erikbanan

Tack för du tog tid till det här!

Har ett littet problem, när jag klistrar in koden i min editor så blir det konstiga tecken här och där, alltså tex vissa ord blir så här "hx4R".

Nån lösning på det? Ps min editor är Notepad++.

P24
Medlem

31 juli 2012 21:32 | #10 zarex360

Okej det var konstigt, sitter själv inte i notepad++.

Men dels kolla så att du har den svenska verisonen av notepad++, för annars kan åäö bli lite konstiga.

Samt ställ in den så att du skriver i html.

typ gå in på språk sedan väljer du html där.

P16
Medlem

1 augusti 2012 00:16 | #11 erikbanan

Nu är det så på "sidan" med.

Alla bokstäverna som är åäö är ett ?.

Ja jag ser till att det är html och svensk.

P24
Medlem

2 augusti 2012 15:08 | #12 zarex360

När du kopierade tog du med det här då?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Skriva inlägg?

Logga in för att svara i tråden.