18. marts 2006 - 01:02
Der er
24 kommentarer og 1 løsning
Stå på samme linie
Hej Jeg kan ikke få mine billeder og min tekst til at stå på samme linie, så det kun er på en lige linie i stedet for forskudt.. nogen ide hvorfor? <div id="menu"> <h1> athene </h1> <img src="søg.gif" valign="top" align="right"/> <img src="home.gif" valign="top" align="right"/> <img src="login.gif" valign="top" align="right"/> </div> #menu { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% }
Annonceindlæg fra TDC Erhverv
18. marts 2006 - 01:30
#1
Hvad med dette: <div id="menu"> <h1> athene </h1> <img src="søg.gif" valign="top" align="right"/><img src="home.gif" valign="top" align="right"/><img src="login.gif" valign="top" align="right"/> </div> altså ingen linieskift mellem img-elementerne i HTML-koden...
18. marts 2006 - 01:32
#2
Smider lige svar samtidig - hvis nu det virker ellers så ignorer svaret ;) .css .lit{float:left;} .rit{float:right;} .html <div id="menu"> <h1 class="lit"> athene </h1> <img class="rit" src="søg.gif" /> <img class="rit" src="home.gif" /> <img class="rit" src="login.gif" /> </div>
18. marts 2006 - 01:39
#3
intet af det virkede desværre
18. marts 2006 - 01:44
#4
Min burde give det her: athene Billede1 Billede2 Billede3 - Hvad mente du ellers? (se evt. html'en med css'en) <style type="text/css"> #menu { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% } .lit{float:left;} .rit{float:right;} </style> <div id="menu"> <h1 class="lit"> athene </h1> <img class="rit" src="søg.gif" /> <img class="rit" src="home.gif" /> <img class="rit" src="login.gif" /> </div>
18. marts 2006 - 01:55
#5
Eller var det teksten der skulle centreres i højdeb også? <style type="text/css"> #menu { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% } .lit{float:left;margin:auto 0px;} .rit{float:right;} </style> <div id="menu"> <h1 class="lit"> athene </h1> <img class="rit" src="1.jpg" /> <img class="rit" src="2.jpg" /> <img class="rit" src="3.jpg" /> </div>
18. marts 2006 - 01:55
#6
højdeb=højden :P
18. marts 2006 - 02:05
#7
ikke helt.. er det ikke muligt at gøre det uden at have det i samme fil. Jeg har både en html og en css fil
18. marts 2006 - 02:08
#8
er det ikke muligt at gøre det uden at have det i samme fil. Jeg har både en html og en css fil> Jo, du kan flytte styles over i din css fil som her: dinstylefil.css #menu { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% } .lit{float:left;margin:auto 0px;} .rit{float:right;} Dinhtmlfil.html <div id="menu"> <h1 class="lit"> athene </h1> <img class="rit" src="1.jpg" /> <img class="rit" src="2.jpg" /> <img class="rit" src="3.jpg" /> </div>
18. marts 2006 - 02:11
#9
Sludder jeg skriver ... :/ du skal jo selvfølgelig have linket til stylesheetet i html filen også... (men det ved du jo i forvejen...) dinhtmlfil.html <html><head> <link rel="stylesheet" type="text/css" href="dincssfil.css" /></head> <body> <div id="menu"> <h1 class="lit"> athene </h1> <img class="rit" src="1.jpg" /> <img class="rit" src="2.jpg" /> <img class="rit" src="3.jpg" /> </div> </body></html>
18. marts 2006 - 02:12
#10
så kan den slet ikke finde mine billeder, og det står helle ikke på samme linie :S
18. marts 2006 - 02:13
#11
stadig samme problem
18. marts 2006 - 02:15
#12
Kom til at omdøbe filnavnene ... undskyld (det burde stå på samme linje ... ellers må du have i din css fil der skaber konflikt...) dinstylefil.css #menu { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% } .lit{float:left;margin:auto 0px;} .rit{float:right;} dinhtmlfil.html <html><head> <link rel="stylesheet" type="text/css" href="dincssfil.css" /></head> <body> <div id="menu"> <h1 class="lit"> athene </h1> <img class="rit" src="søg.gif" /> <img class="rit" src="home.gif" /> <img class="rit" src="login.gif" /> </div> </body></html>
18. marts 2006 - 02:17
#13
... ellers må der være noget mere som du skriver i div'en ...
18. marts 2006 - 02:18
#14
men de står ikke til højre
18. marts 2006 - 02:20
#15
... eller også er teksten + billederne samlet bredde over menu div'ens bredde på 90%
18. marts 2006 - 02:20
#16
har du et link ;) ?
18. marts 2006 - 02:25
#17
det ligge lokalt.. h1 { color: #236578; letter-spacing: 2px; font-size: 120%; text-transform: uppercase; padding: 5px 5px 5px 5px; } p { color: #336699; letter-spacing: 1px; } #athene { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% } #logo { float: right; border-style: solid; border-width: 3px; border-color: #336699; background-image: url("logo.gif"); background-repeat: no-repeat; background-position: center; height: 40px; width: 10% } #hovedmenu { border-width: 1px; border-style: dashed ; border-color: blue; height: 10px; width: 100% } #menupunkt { border-width: 1px; border-style: dashed ; border-color: blue; height: 10px; width: 10% } #menu { border-width: 1px; border-style: dashed ; border-color: blue; height: 100/; width: 10% } <html> <head> <link rel="stylesheet" type="text/css" href="navn.css"/> </head> <body> </html> <div id="athene"> <h1> athene <img src="søg.gif" valign="top" "left"/> <img src="home.gif" valign="top" "left"/> <img src="login.gif" valign="top" "left"/> </h1> </div> <div id="logo"> </div> <div id="hovedmenu"> <p> Profil | Kursus | MUS </p> </div> <div id="menupunkt"> </div> <div id="menu"> </div> </body> </html>
18. marts 2006 - 02:29
#18
Bedre? css.filen #menu { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% } img{border:0px;} .lit{float:left;margin:auto 0px;} .rit{float:right;} html filen <html><head> <link rel="stylesheet" type="text/css" href="dincssfil.css" /></head> <body> <div id="menu"> <h1 class="lit"> athene </h1> <a class="rit" href="ditlink1.html"><img src="søg.gif" /></a> <a class="rit" href="ditlink2.html"><img src="home.gif" /></a> <a class="rit" href="ditlink3.html"><img src="login.gif" /></a> </div> </body></html> Eller: (ved denne behøves img{border:0px;} i css'en ikke) <html><head> <link rel="stylesheet" type="text/css" href="dincssfil.css" /></head> <body> <div id="menu"> <h1 class="lit"> athene </h1> <p class="rit"><img src="søg.gif" /></p> <p class="rit"><img src="home.gif" /></p> <p class="rit"><img src="login.gif" /></p> </div> </body></html>
18. marts 2006 - 02:32
#19
nu er de ikke på linie
18. marts 2006 - 02:38
#20
Hjælper det ? h1 { color: #236578; letter-spacing: 2px; font-size: 120%; text-transform: uppercase; padding: 5px 5px 5px 5px; } p { color: #336699; letter-spacing: 1px; } #athene { float: left; border-style: solid; border-width: 3px; border-color: #336699; height: 40px; width: 90% } #logo { float: right; border-style: solid; border-width: 3px; border-color: #336699; background-image: url("logo.gif"); background-repeat: no-repeat; background-position: center; height: 40px; width: 10% } #hovedmenu { border-width: 1px; border-style: dashed ; border-color: blue; height: 10px; width: 100% } #menupunkt { border-width: 1px; border-style: dashed ; border-color: blue; height: 10px; width: 10% } #menu { border-width: 1px; border-style: dashed ; border-color: blue; height: 100/; width: 10% } .lit{float:left;margin:auto 0px;} .rit{float:right;letter-spacing: 0px;} <html> <head> <link rel="stylesheet" type="text/css" href="navn.css"/> </head> <body> </html> <div id="athene"> <h1 class="lit"> athene</h1> <p class="rit"><img src="1.jpg" /></p> <p class="rit"><img src="2.jpg" /></p> <p class="rit"><img src="3.jpg" /></p> </div> <div id="logo"> </div> <div id="hovedmenu"> <p> Profil | Kursus | MUS </p> </div> <div id="menupunkt"> </div> <div id="menu"> </div> </body> </html>
18. marts 2006 - 02:40
#21
ikke helt.. nu står billederne under hinanden :S
18. marts 2006 - 02:41
#22
nu virker det... tusinde tak for din hjælp :D
18. marts 2006 - 02:44
#23
Ok ;) svaret ligger meget langt oppe i tråden hehe...
18. marts 2006 - 02:45
#24
.css er nu til tider noget drilsk noget :/
18. marts 2006 - 02:46
#25
svaret ligger meget langt oppe i tråden hehe... (anden øverste indlæg :/ )
Vi tilbyder markedets bedste kurser inden for webudvikling