Hjälp med kodning

Posta ny tråd
aiquen

aiquen

Trådstartare
Jag har precis tagit upp mitt hemsidekodande igen (och insett att jag har glömt i princip allting, men det hör inte hit :p) och har såklart stött på ett problem: hur fasen får jag en banner (nu är jag helt snurrig, men heter det ens så?) att fästa i sidhuvudet (på alla sidor)?

Koden för sidhuvudet i själva .css-mallen ser just nu ut såhär:

Kod: 
#sidhuvud {background-image: url(banner1.jpg); background-repeat: no-repeat; background-position: center center;
background-attachment: fixed; background-color: #000000; width: 672px; height: 100px; padding: 10px; border-right: 1px solid #000000; 
border-right: 1px solid #000000;}

Bilden syns alltså inte ens, FÖRUTOM när jag tar bort background-repeat: no-repeat; men då blir det ju å andra sidan inte rätt i alla fall.

Vad har jag gjort för fel? :crazy:
 
Sv: Hjälp med kodning

Kom på ytterligare en fråga:

Är det någon som vet någon sida som visar fler rollover-effekter än de Webdesignskolan har på sin hemsida?

Webdesignskolan:
a:hover { color: #CC6600}
a:hover { background-color: #99CCFF}
a:hover { text-decoration: underline overline}
a:hover { font-style: italic}
a:hover { background-image: url(egen_bild.gif)}
a:hover { letter-spacing: 5px} a:hover { cursor: help}
a:hover { cursor: e-resize} a:hover { color: #FFFFFF; background-color: #006699}
 
Sv: Hjälp med kodning

Om du inte känner för att experimentera fram något helt själv finns Listamatic som kan ge inspiration. Massor av olika stilar för i stort sett samma meny :)
 
Sv: Hjälp med kodning

Det verkar vara din
Kod: 
background-attachment: fixed;
som ställer till det. Om du minskar ditt webbläsarfönster på höjden och bredden kommer du nog till slut se att bilden dyker upp och är centrerad utifrån webbläsarfönstrets bredd och höjd.
Pilla bort fixed, eller ändra background-position: center center; till pixelmått :)
 
Senast ändrad:
Sv: Hjälp med kodning

Tack för ditt svar! :)

Jag ändrade dock så att jag får lägga in loggan (som det nog heter, banner är väl något helt annat? :p) manuellt på varje sida istället, är det okej kodmässigt sett?

Sedan har jag stött på ett annat problem.. Sidan ser just nu ut såhär:

dump.jpg


Det största problemet är som synes att sidfoten har hamnat någon helt annanstans än där den ska vara. Den satt rätt innan (d.v.s precis som sidhuvudet fast längst ner), men så ändrade jag någonting och sidfoten vandrade iväg.

Det andra problemet är att texten inte svarar på "padding", som den gör i "text text text"-kolumnen, i bl.a. sidhuvudet.

Koderna är:

style.css
Kod: 
body {margin:0; padding: 0; background-image: url(bakgr2.jpg); font-family: verdana; font-size: 12px;}

a:link { color: #000000; text-decoration:none; font-weight: bold;}
a:visited { color: #000000; text-decoration:none; font-weight: bold;} 
a:active { color: #000000; text-decoration:none; font-weight: bold;}
a:hover { color: #000000; text-decoration:none; font-weight: bold; position: relative; top: 1px; left: 1px;}

#centrering {position: absolute; left: 50%; top: 50%; width: 950px; height: 500px; margin-left: -450px; margin-top: -

225px;}

#kolumncontainer {background: #FFFFFF; float: left; width: 900px; border: 1px solid #000000;}

#sidhuvud {width: 900px; height: 100px;}

#kolumn1 {float: left; width: 121px; padding: 10px;}

#kolumn2 {float: left; width: 727px; padding-right: 10px; padding-left: 20px; border-left: 2px dotted #000000;} 

#sidfot {width: 880px; padding: 10px; border-top: 1px solid #000000;}

index.htm
Kod: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>aiquen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>	

<div id="centrering">
<div id="kolumncontainer">

<div id="sidhuvud"><p>Sidfot</p></div>

<div id="kolumn1">
<ul>
	<li><a href="#">Meny</a></li><br />
	--Hej<br />
	--Hej<br />
	--Hej<br />
	--Hej
</ul>
</div>

<div id="kolumn2">
<p>
text text text text text text text text text text text text text text text text text text text text text 

text text text text text text text text text  text text text text text text text text text text text text  

text text text text text text text text text text text text text text text text text text text text text 

text text text text text text text text text text text text text text text text text text text text text  

text text text text text text text text text text text texttext text text text text text text text text 

text text text text text text text text text text text text text text text text text text text text text 

text text text text text text text text text text text text 
</p>
</div>

<div id="sidfot">Sidfot</div>

</div>
</div>
</body>
</html>

Är det någon som ser var jag har gjort fel? Och om jag har lyckats smyga in några andra fel i koderna?
 
Sv: Hjälp med kodning

Öh, och blunda för att det står "sidfot" både i sidfoten OCH i sidhuvudet. ;)
 
Sv: Hjälp med kodning

Jag puttar lite...

Sidan ser numera ut såhär:

dump2.jpg


Problemet just nu: Sidan ska täcka hela fönstret, från topp till botten. Det gör den som synes inte (nu visas ju inte hela sidan på bilden, men det går ju att se att bakgrunden återkommer under sidfoten).

Koder:

Kod: 
body {
margin: 0; 
padding: 0; 
background-image: url(bakgr6.gif);
}

p {font-family: Verdana; font-size: 11px;}
td { font-family: Verdana; font-size: 11px;}
li {font-family: Verdana; font-size: 11px;}

h1 { font-family: Verdana; font-size: 24px}
h2 { font-family: Verdana; font-size: 14px}
h3 { font-family: Verdana; font-size: 12px} 

a:link { 
color: #000000; text-decoration: none; font-weight: bold;}
a:visited { 
color: #000000; text-decoration: none; font-weight: bold;} 
a:active { 
color: #000000; text-decoration: none; font-weight: bold;}
a:hover { 
color: #000000; text-decoration: none; font-weight: bold;}

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

#meny li{list-style-image: url(pil3.gif);}

#head {
background-color: #FFFFFF; 
width: 844px; 
height: 150px; 
border-right: 3px solid #000000; 
border-left: 3px solid #000000;
}

#kolumncontainer {
background-color: #FFFFFF; 
float: left; 
height: 100%; 
width: 844px; 
border-right: 3px solid #000000; 
border-left: 3px solid #000000;
}

#kolumn1 {
float: left; 
width: 
142px; 
padding: 10px;
}

#kolumn2 {
float: left; 
width: 644px; 
padding-right: 10px; 
padding-left: 20px; 
border-left: 2px dotted #000000;
} 

#foot {
clear:both; 
background-color: #FFFFFF; 
width: 824px; 
height: 50px; 
padding: 10px; 
border-top: 1px solid #000000; 
border-bottom: 3px solid #000000; 
border-right: 3px solid #000000; 
border-left: 3px solid #000000;
}

Kod: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title>aiquen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>	

<div id="centrering">
<div id="head">sidhuvud</div>

<div id="kolumncontainer">

<div id="kolumn1">
<ul id="meny">
	<li><a href="#">Hej</a><br /></li>
	<li><a href="#">Hej</a><br /></li>
	<li><a href="#">Hej</a><br /></li>
	<li><a href="#">Hej</a><br /></li>
	<li><a href="#">Hej</a></li>
</ul>
</div>

<div id="kolumn2">
<p>
text text text text text text text text text text text text text text text text text text text text text text text text text text text 

text text text  text text text text text text text text text text text text  text text text text text text text text text text text text 

text text text text text text text text text text text text text text text text text text text text text text text text text text text 

text text text  text text text text text text text text text text text texttext text text text text text text text text text text text 

text text text text text text text text text text text text text text text text text text text text text text text text text text text 

text text text
</p>
</div>

</div>

<div id="foot">
Sidfot gfhhr trh h h tgh tgh rgh rgh tgh tgh gth tg tg h h ghg ng hr rh srhhhhhhhhhh hr hrghgs
</div>

</div>
</div>

</body>

</html>

Någon som kan hitta felet? Finns det några fler fel eller något annat jag bör ändra på?

Jag är jättetacksam för svar!
 

Liknande trådar

replica
Blivit blind..
IT & mobiler Hittar inte koden för att ta bort ramarna (de vita) på den här sidan samt hur man får bort att bakgrunden blir rosa när man för...
Svar
6
· Visningar
1 167
Senast: Kuckeliku
·
K
DIV-innehåll syns inte - hjälp!
IT & mobiler Jag har en hemsida med vit bakgrund, och på ett ställe ska det finnas en DIV med rosa bakgrund. Hela sidan ser helt OK ut och funkar...
Svar
12
· Visningar
1 261
Senast: Kimz0r
·
aiquen
Kodproblem
IT & mobiler Jag är för trött för att ens tänka, så är det någon här som kan se varför "kolumn2" hamnar under "kolumn1" trots att de ska ligga...
Svar
4
· Visningar
1 071
Senast: aiquen
·
Ainon
Hemsidehjälp (html)
IT & mobiler Ja skulle behöva lite hjälp med min html kodning för av någon anledning så fungerar det inte. Vilket ni kan förstå om ni tittar in här...
Svar
1
· Visningar
1 203
Senast: Ainon
·

Välj ämne nedan

Ekonomi & Juridik Anläggning Hästmänniskan Gnägg Utrustning Hästvård Foder & Strö Hästhantering Träning Ridning Avel Tävling Distans Dressyr Fälttävlan Hoppning Islandshäst Körning Trav Western Övr. Grenar Hundhälsa Hundträning Hundavel & Ras Övr. Hund Katthälsa Övr. Katt Lantbruksdjur Däggdjur Övr. Djur Samhälle Juridik & Ekonomi Skola & Jobb Relationer Kropp & Själ Hemmet Trädgård & Växter Mat Kläder & Bli fin Fordon IT & Mobiler Kultur Fritid Tjatter Äldre Gravid - 1år Småbarn Övr. Barn Dagbok Hästnyheter Radannons Företag Bukefalos Bukefalosnyheter

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

Omröstningar

  • Kirre
    Tvättstugedrama
    • Hemmet Ponera du bor i lägenhet, enda tvättmöjlighet är i gemensam tvättstuga med analogt bokningssystem. Inga hänglås eller fancy moderna...
    • Startad av Kirre
    • Svar: 110
    • Visningar: 7 494
    • Allmänt
Tillbaka
Upp