Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Css-kodning

Skapad av Borttagen, 2010-10-09 22:22 i Webbutveckling & Programmering

1 446
27 inlägg
0 poäng
miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
0
Var tusan ska jag placera CSS-koden för menyn? Fick det att funka innan, sen ändrade jag något och nu får jag det inte att funka.

Såhär ser det ut nu;

<html>
<head>
<title>Min hemsida</title>
<style type="text/css">
<!--
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}

#meny li{display: inline; list-style-type: none;}

<body>
<ul id="meny">
<li><a href="#">Meny 1</a></li>
<li><a href="#">Meny 2</a></li>
<li><a href="#">Meny 3</a></li>
<li><a href="#">Meny 4</a></li>
<li><a href="#">Meny 5</a></li>
</ul>
</body>

</style>
</head>
<body bgcolor=#FFFFFF>Det här är min hemsida.</body>
</html>

You've got me grasping for air in your vicinity

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Jokk
Visningsbild
31 Hjälte 9 867 inlägg
0
Svar till miffo [Gå till post]:
Vad ändrade du?



Wait.. två bodys? WTF

flizan

-------
Visningsbild
P 30 Linköping Hjälte 4 577 inlägg
0
Svar till miffo [Gå till post]:
<head> ska avslutas innan <body> börjar



Tillägg av Ziron 2010-10-09 22:27

Du kan ju inte heller ha två body

Jag hette tidigare Ziron

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till Jokk [Gå till post]:
Det kommer jag inte ihåg. Men har löst det :)



Svar till Ziron [Gå till post]:
Ja, jag kom på det. Korkat fel :(

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0
Svar till miffo [Gå till post]:
Du måste stänga taggarna i rätt ordning; med ditt exempel är följande rätt:

<html>
<head>
<title>Min hemsida</title>
<style type="text/css">
<!--
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}

#meny li{display: inline; list-style-type: none;}
-->
</style>

</head>

<body bgcolor=#FFFFFF>
<ul id="meny">
<li><a href="#">Meny 1</a></li>
<li><a href="#">Meny 2</a></li>
<li><a href="#">Meny 3</a></li>
<li><a href="#">Meny 4</a></li>
<li><a href="#">Meny 5</a></li>
</ul>

Det här är min hemsida.
</body>

</html>

Dessutom kan du inte ha två body, head eller html taggar. En stängningstagg för HTML-kommentaren är också att rekommendera, annars ser du inte så mycket ;) Och eftersom du använder css (även fast det är inline, fy skäms!), så borde du använda det till bakgrundsfärgen. Ta alltså bort <body bgcolor="#FFFFFF"> och lägg till body{background-color: #FFF;} inom Style-taggen, förslagsvis först eftersom det blir i ordning då, typ.

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
Åh, vill också ha skills.

Vad äre för fel på inline då? :(

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0
Svar till miffo [Gå till post]:
Nejmen det blir så rörigt, speciellt när du börjar komma någonstans med hemsidan. 500 rader css-kod i headern är väl inte direkt optimalt....

Gör så här istället, skriv all css-kod i notepad (om du inte använder det så fine, men spara det com .CSS iallafall), fast utan <style type="text/css">. Spara .css dokumentet och .html dokumentet i samma mapp. Byt sedan ut <style type="text/css"> mot <link href="xxx.css" rel="stylesheet" type="text/css" /> (i .html dokumentet då).

Epic win! :D

Förövrigt så är html och css inte särskilt avancerat, så det klarar jag av. Javascript och övriga, lite mer avancerade språk, dom är jag för blåst för :(

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
Testade att ha extern CSS-mall förut men fick det inte att funka.. Men nu funkar det :D

Går det att få bakgrundsbild i en .box?

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
.box? x__O Vad är det? :D Menar du en div, typ, eller är det något speciellt filformat som jag borde känna till? :D

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
En ruta snarare :) Tänkte använda den för att få in själva layouten men struntade i det och skrev

body { background-image: url(layout.jpg); background-repeat: no-repeat; background-position: center }

istället. Nu börjar det likna något faktiskt!

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
Har du någon guide at all, eller kör du hardcore-improvisation och snappar upp lite här och där? :D

Nejmen beroende på vad det är för ruta så skulle nog jag använt en div och kört bakgrundsbilden i den, det är nog lättare när du ska placera info i den.

Men jag suger som pedagog, så googla fram en bra guide. Kan du engelska så är ju w3schools awsume, annars hade Webbdesigna.se en hyfsat bra guide har jag för mig... :)

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
Kör på webdesignskolans, men den är lite lullig imo.

Men på koden jag skrev i förra inlägget hade jag ju centrering på layouten, men då centreras den över hela fönstret, vill endast ha den centrerad horisontellt, så då ska jag använda denna

#centrering {width: 450px; margin-right: auto; margin-left: auto;}

men var ska jag skriva in den för att bakgrunden ska bli centrerad? :(

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
Byt ut #centrering mot body (för det var väl den som bakgrundsbilden du ville ha centrerad 'låg' i?). Men width: 450px går utmärkt att öka, för du vill väl inte ha en 450px bred hemsida?

Mao, koden som gör något centrerat är

margin-right: auto;
margin-left: auto;

så dom kan du lägga till till alla css-taggar som ska vara centrerade.


Oh shit, nu kommer den här failande pedagogiken :@

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
Bytte ut, men nu funkar ju inte skiten alls :(

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
Posta din kod så får jag se :D

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
body { background-image: url(layout.jpg); background-repeat: no-repeat; }
body {width: 1000px; margin-right: auto; margin-left: auto;}

Testade även att skriva in margin-grejset i första body. Funkade inte heller :(


You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
Posta all kod och säg hur du vill att det ska bli så får jag se om det går att fixa... Man kanske inte kan centrera 'body', men jag venne. Isf måste du göra en div och hålla på typ. Men som sagt, hela källkoden (Y) :D

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
<!--

body { background-color: #666666; }
body { background-image: url(layout.jpg); background-repeat: no-repeat; }
body { width: 1000px; margin-right: auto; margin-left: auto; }

a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}

#meny li{display: inline; list-style-type: none;}
-->

Där är hela mallen. Det jag försöker göra är att få in min layout att centreras horisontellt :(

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
Du ska bara ha en body-tagg. Alltså;

body {
background-color: #666666;
background-image: url(layout.jpg);
background-repeat: no-repeat;

width: 1000px;
margin-right: auto;
margin-left: autp;
}

eller

body {
background: #666 url(layout.jpg) no-repeat;
width: 100px;
margin: 0 auto 0 auto;
}

Men tänkte även på html-koden :D

Men pröva mitt exempel, och om inte det fungerar så postar du html också ^^

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
Funkar ändå inte ;__;

htmlen är i stort sett ingenting

<html>
<head>
<title>Min hemsida</title>
<link href="mall.css" rel="stylesheet" type="text/css">
</head>

<body>
<ul id="meny">
<li><a href="#">Meny 1</a></li>
<li><a href="#">Meny 2</a></li>
<li><a href="#">Meny 3</a></li>
<li><a href="#">Meny 4</a></li>
<li><a href="#">Meny 5</a></li>
</ul>

Det här är min hemsida.
</body>

</html>


You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
Vad var det som du ville ha centrerat? Bakgrundsbilden eller någon text? Kanske skulle ha frågat det först (A)

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0
Svar till csols [Gå till post]:
Bakgrundsbilden :)
Men sedan ska ju all text passas in.. Blir deprimerad bara jag tänker på det.

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0
Svar till miffo [Gå till post]:

body {
background-color: #666666;
background-image: url(layout.jpg);
background-repeat: no-repeat;
background-position: center;

width: 1000px;
}

Nu skäms jag lite, jag borde ha fattat det :p ;)




Tillägg av csols 2010-10-09 23:35

Btw, varför just #666666 som bakgrundsfärg? :D

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0
Svar till csols [Gå till post]:
Den centreras över hela fönstret, vill endast ha den centrerad horisontellt. Gör om! :(

Och färgen för att den är fin? :O

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0
Svar till miffo [Gå till post]:
background-position: top center;

då? :@ ;)

Okej, fast vinrött och svart är lite mer awsume :D

Herp

miffo
Visningsbild
F Kungsbacka Hjälte 886 inlägg
Trådskapare
0

Svar till csols [Gå till post]:
YEY!

Hur ska jag få texten att passa in nudå? :O

You've got me grasping for air in your vicinity

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0

Svar till miffo [Gå till post]:
Ska du ha texten "över" bilden som nu borde vara högst upp i mitten på sidan?

All text eller bara listan isf?

Herp


Forum » Datorer & IT » Webbutveckling & Programmering » Css-kodning

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

2 utloggade

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons