| | |
| Stránka: 1 z 1
| [ Príspevkov: 13 ] | |
Autor | Správa |
---|
Registrovaný: 16.01.08 Prihlásený: 27.03.13 Príspevky: 641 Témy: 144 Bydlisko: Žilina | Napísal max-m: 12.08.2008 12:45 | |
|
caute,
uz z nadpisu je jasne kde je zas problem. ja tomu floatu raz len neviem prist na chut.
moje HTML:
Kód: <div class="container"> <!-- start left menus --> <div class="menus_container_left"> <div class="menu"> <div class="nadpis">Ahoj</div>sdfsdfsf<br />sdffsf </div> </div> <!-- end left menus --> <div class="menus_free"> <img src="img/spacer.gif" border="0" /> </div> <!-- start main site --> <div class="main_container"> <center>asdasdasdasd</center> </div> <!-- end main site --> <div class="menus_free"> <img src="img/spacer.gif" border="0" /> </div> <!-- start right menus --> <div class="menu"> <div class="nadpis">Ahoj 2</div>sdfsdfsf<br />sdffsf </div> <!-- end right menus --> </div> moje CSS: Kód: body { margin:0 auto; } .container { width:970px; margin:0 auto; clear:both; } .menus_container_left { width:190px; float:left; background-color:#3399FF; } .menus_container_right { width:190px; float:left; background-color:#3399FF; } .menus_free { width:5px; float:left; } .main_container { width:580px; float:left; background-color:#33FF00; } .menu { width:188px; border:1px solid #00CCFF; background-color:#FFFFFF; } .menu .nadpis { width:188px; height:24px; top:0px; left:0px; position:relative; background-color:#00CCFF; color:#000000; font-weight:bold; padding-left:5px; padding-top:3px; clear:both; }
co by to malo robit? stranku, kde v lavom stlpci je sekcia AHOJ, medzera, zeleny stlpec, medzera, sekcia AHOJ 2.
kde zase robim chybu???
DIK.
|
|
Registrovaný: 27.07.07 Príspevky: 3948 Témy: 51 Bydlisko: Bratislava |
pre .menu nastav float:right
ale inak nechapem, na co tam mas ten spacer tvoreny obrazkom, nestacilo by ti to spravit cez margin pripadne border?
_________________ NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE |
|
Registrovaný: 16.01.08 Prihlásený: 27.03.13 Príspevky: 641 Témy: 144 Bydlisko: Žilina | Napísal autor témy max-m: 12.08.2008 13:15 | |
|
ten spacer som uz zmenil a nahradil som ho MARGINom. dal som na .menu float:right, no ta prava sekcia je akoby posunuta dole o par PX oproti ostatnym prvkom.
|
|
Registrovaný: 29.10.07 Prihlásený: 27.10.23 Príspevky: 1395 Témy: 30 Bydlisko: Bratislava |
Vzdy daj radsej link... alebo si rovno sam nainstaluje webdevoler panel do FF
_________________ PC: OS: Windows 11 (64bit) CPU: AMD Ryzen 5 3600 GPU: ASUS TUF RTX3060Ti 8GB RAM: 16GB DDR4-3200MHz Kingston Fury MB: ASUS TUF Gaming B550M WIFI SSD: 1000GB PCIe M.2 NVME Mobil: Xiaomi POCO F2 PRO |
|
Registrovaný: 16.01.08 Prihlásený: 27.03.13 Príspevky: 641 Témy: 144 Bydlisko: Žilina | Napísal autor témy max-m: 12.08.2008 14:18 | |
|
link sice nadam lebo tie stranky (lepsie povedane sablona) nie su umiestnene na webe.
tu je vsak komplet HTML (uz upravene):
Kó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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-language" content="sk" /> <title>Šablóna</title> <link type="text/css" rel="stylesheet" href="css/styl.css"> </head> <body> <div class="container"> <!-- start left menus --> <div class="menus_container_left"> <div class="menu"> <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div> <div class="odkazy"> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a> </div> </div> </div> <!-- end left menus --> <!-- start main site --> <div class="main_container"> <center>asdasdasdasd<br />sdfsddfsdfsdf</center> </div> <!-- end main site --> <!-- start right menus --> <div class="menus_container_left"> <div class="menu"> <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div> <div class="odkazy"> <a href="#">Linka</a> </div> </div> </div> <!-- end right menus --> </div> </body> </html> a CSS: Kód: body { margin:0 auto; } .container { width:970px; margin:0 auto; clear:both; background-color:#FFFFFF; } .menus_container_left { width:190px; float:left; background-color:#3399FF; } .menus_container_right { width:190px; float:left; background-color:#3399FF; } .main_container { width:580px; float:left; background-color:#33FF00; margin-left:5px; margin-right:5px; } .menu { width:188px; border:1px solid #00CCFF; background-color:#FFFFFF; } .menu .nadpis_bg { width:188px; height:24px; top:0px; left:0px; position:relative; background-color:#00CCFF; } .menu .nadpis { color:#000000; font-weight:bold; padding-left:15px; padding-top:2px; width:180px; } .menu .odkazy { width:100px; padding-top:5px; padding-bottom:5px; padding-left:50px; } .menu a { color:#575757; text-decoration:none; } .menu a:hover{ color:#575757; text-decoration:underline; }
skusal som aj to float:right, no nepomohlo. ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).
DIK.
|
|
Registrovaný: 12.08.08 Prihlásený: 19.12.13 Príspevky: 38 Témy: 0 |
max-m píše: skusal som aj to float:right, no nepomohlo. ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).
mas chybu v pravom stlpci... mozes to spravit bud tak ze do html pridas pravy stlpec a zadefinujes mu tiez {float: left;} tak ako lavý tu mas kod
Kód: <div class="container"> <!-- start left menus --> <div class="menus_container_left"> <div class="menu"> <div class="nadpis">Ahoj</div>sdfsdfsf<br />sdffsf </div> </div> <!-- end left menus --> <div class="menus_free"> <img src="img/spacer.gif" border="0" /> </div> <!-- start main site --> <div class="main_container"> <center>asdasdasdasd</center> </div> <!-- end main site --> <div class="menus_free"> <img src="img/spacer.gif" border="0" /> </div <!-- start right menus --> <div class="menus_container_right"> <div class="menu"> <div class="nadpis">Ahoj 2</div>sdfsdfsf<br />sdffsf </div> </div> <!-- end right menus --> </div>
CSS
body { margin:0 auto; } .container { width:970px; margin:0 auto; clear:both; } .menus_container_left { width:190px; float:left; background-color:#3399FF; } .menus_container_right { width:190px; float:left; background-color:#3399FF; } .menus_container_right { width:190px; float:left; background-color:#3399FF; } .menus_free { width:5px; float:left; } .main_container { width:580px; float:left; background-color:#33FF00; } .menu { width:188px; border:1px solid #00CCFF; background-color:#FFFFFF; } .menu .nadpis { width:188px; height:24px; top:0px; left:0px; position:relative; background-color:#00CCFF; color:#000000; font-weight:bold; padding-left:5px; padding-top:3px; clear:both; }
alebo staci ak das {float: left;} do menu Kód: .menu { width:188px; border:1px solid #00CCFF; background-color:#FFFFFF; float:left; }
malo by fungovat
|
|
Registrovaný: 10.07.08 Prihlásený: 15.08.08 Príspevky: 46 Témy: 3 | Napísal jergus: 12.08.2008 23:18 | |
|
jj, malo by fungovat, stiahol som si tvoj zdrojak a odtestoval .... dufam ze som pomol
|
|
Registrovaný: 16.01.08 Prihlásený: 27.03.13 Príspevky: 641 Témy: 144 Bydlisko: Žilina | Napísal autor témy max-m: 13.08.2008 23:39 | |
|
vsetkym dik za pomoc. vo Firefoxe to bezi ako ma, no v IE 6 je to blbe: ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).
DIK.
|
|
Registrovaný: 12.08.08 Prihlásený: 19.12.13 Príspevky: 38 Témy: 0 |
max-m píše: vsetkym dik za pomoc. vo Firefoxe to bezi ako ma, no v IE 6 je to blbe: ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).
DIK.
Tak to mas potom zle spocitanu sirku stranky, IE 6 zapocitava do sirky a vysky aj padding a border a mas potom moc siroky obsaha nevojde ti tam tak ho zalomi na nivy riadok.. budes musiet spravit hack pre IE
priklad
#content { width: 550px; padding-left: 50px; }
div[id]#content { width: 500px; }
|
|
Registrovaný: 16.01.08 Prihlásený: 27.03.13 Príspevky: 641 Témy: 144 Bydlisko: Žilina | Napísal autor témy max-m: 14.08.2008 13:44 | |
|
container mam width:972px; (padding:0px;)
lavu a pravu sekciu mam width:190px; (padding:0px;)
centralna sekcia ma width:580px; padding-left:6px; padding-right:6px;
a div, ktory je v bocnych sekciach (v lavej a v pravej) ma width:188px; a border:1px solid #......;
ak to dobre spocitam, je to tych 972px; a malo by to vojst....
|
|
Registrovaný: 16.01.08 Prihlásený: 27.03.13 Príspevky: 641 Témy: 144 Bydlisko: Žilina | Napísal autor témy max-m: 14.08.2008 15:45 | |
|
caute,
nemohol by si to prosim niekto prezriet na IE 6 a skusit povedat kde je ta BLBA chyba, lebo uz mam toho IE 6 pokrk (osobne ho sice nepouzivam, no vela ludi ano, takze treba este optimalizovat...)
CSS
Kód: body { margin:0 auto; } .container { width:972px; margin:0 auto; background-color:#FFFFFF; } .menus_container_left { width:190px; float:left; background-color:#3399FF; padding:0px; } .menus_container_right { width:190px; float:left; background-color:#3399FF; padding:0px; } .main_container { width:580px; float:left; background-color:#33FF00; margin-left:6px; margin-right:6px; padding:0px; } .menu { width:188px; border:1px solid #ADC53D; background-color:#FFFFFF; } .menu .nadpis_bg { width:188px; height:24px; top:0px; left:0px; position:relative; background-color:#ADC53D; } .menu .nadpis { color:#FFFFFF; font-weight:bold; padding-left:15px; padding-top:2px; width:165px; font-size:14px; } .menu .odkazy { width:138px; padding-top:5px; padding-bottom:5px; padding-left:50px; } .menu a { color:#575757; text-decoration:none; font-size:14px; } .menu a:hover{ color:#575757; text-decoration:underline; font-size:14px; } HTMLKó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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-language" content="sk" /> <title>Šablóna</title> <link type="text/css" rel="stylesheet" href="css/styl.css"> </head> <body> <div class="container"> <!-- start left menus --> <div class="menus_container_left"> <div class="menu"> <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div> <div class="odkazy"> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a> </div> </div> </div> <!-- end left menus --> <!-- start main site --> <div class="main_container"> <center>asdasdasdasd<br />sdfsddfsdfsdf</center> </div> <!-- end main site --> <!-- start right menus --> <div class="menus_container_left"> <div class="menu"> <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div> <div class="odkazy"> <a href="#">Linka</a> </div> </div> </div> <!-- end right menus --> </div> </body> </html>
chyba je v tom, ze "Linka" sa sice v pravej sekcii vypise ako ma, no akoby sa zopakovali posledne pismena "nka" a tie sa daju vedla lavej sekcie pod zeleny pas.
skusal som vsetko co ste mi tu poradili, no nejak mi to nepomohlo.
DIK.
|
|
Registrovaný: 12.08.08 Prihlásený: 19.12.13 Príspevky: 38 Témy: 0 |
Tu to mas plne funkcne treba ten hack pouzit co som pisal, robili to tie paddingy
Kó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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-language" content="sk" /> <title>s</title> <link type="text/css" rel="stylesheet" href="css.css" /> </head> <body> <div class="container"> <!-- start left menus --> <div class="menus_container_left"> <div class="menu"> <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div> <div class="odkazy"> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a><br /> <a href="#">Linka</a> </div> </div> </div> <!-- end left menus --> <!-- start main site --> <div class="main_container"> <center>asdasdasdasd<br />sdfsddfsdfsdf</center> </div> <!-- end main site --> <!-- start right menus --> <div class="menus_container_right"> <div class="menu"> <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div> <div class="odkazy"> <a href="#">Linka</a> </div> </div> </div> <!-- end right menus --> </div> </body> </html> css Kód: body { margin:0 auto; } .container { width:972px; margin:0 auto; background-color:#FFFFFF; } .menus_container_left { width:190px; float:left; background-color:#3399FF; padding:0px; } .menus_container_right { width:190px; float:left; background-color:#3399FF; padding:0px; } .main_container { width:568px; float:left; background-color:#33FF00; margin-left:6px; margin-right:6px; padding:0px; } div[class].main_container { width:580px; } .menu { width:188px; border:1px solid #ADC53D; background-color:#FFFFFF; } .menu .nadpis_bg { width:188px; height:24px; top:0px; left:0px; position:relative; background-color:#ADC53D; } .menu .nadpis { color:#FFFFFF; font-weight:bold; padding-left:15px; padding-top:2px; width:165px; font-size:14px; } .menu .odkazy { width:138px; padding-top:5px; padding-bottom:5px; padding-left:50px; } .menu a { color:#575757; text-decoration:none; font-size:14px; } .menu a:hover{ color:#575757; text-decoration:underline; font-size:14px; }
|
|
Registrovaný: 16.01.08 Prihlásený: 27.03.13 Príspevky: 641 Témy: 144 Bydlisko: Žilina | Napísal autor témy max-m: 14.08.2008 21:05 | |
|
Pomohlo to!
DIK.
|
|
| Stránka: 1 z 1
| [ Príspevkov: 13 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Ako vysvetliť rodičom že som nepil ? (keď som fakt nepil) v Krčma | 25 | 1566 | 06.03.2013 15:04 mirom | | Asi som dosral výťah [ Choď na stránku: 1, 2, 3 ] v Krčma | 67 | 4214 | 30.03.2013 13:05 KingTommy | | asi som nechtiac odintsalovala office v Operačné systémy Microsoft | 9 | 473 | 22.03.2012 17:15 tairikuokami | | Asi som lenivý alebo sa bojím v Redakčné systémy | 6 | 827 | 17.03.2007 7:43 kajbo | | tema se asi nezapada, ale preco som napomenuty ? v Správy pre vedenie fóra | 2 | 908 | 10.10.2011 11:18 jtbs | | blbý vzhľad youtube v Video programy | 6 | 371 | 24.11.2012 23:27 Martinicoss | | Dalsi blby problemo v PHP, ASP | 3 | 470 | 17.07.2008 12:24 dadmtb | | blbý ovládač na X-Fi alebo ten Creative ma už riadne kaká v Ovládače | 0 | 442 | 11.03.2010 19:13 DiPi | | Šéf Apple Tim Cook: Som gay a som na to hrdý [ Choď na stránku: 1, 2 ] v Novinky | 34 | 3345 | 21.11.2014 11:12 Daron | | Float v HTML, XHTML, XML, CSS | 2 | 776 | 19.06.2009 19:49 Tominator | | Fakt dobry fotak [ Choď na stránku: 1, 2 ] v Ostatné | 32 | 2523 | 25.08.2009 16:13 ac.milan | | fakt zahadny problem v Ostatné programy | 4 | 756 | 02.11.2009 20:50 gabikke | | už fakt neviem v PHP, ASP | 9 | 598 | 18.06.2008 0:25 sedlák | | Fakt pomala optika v Siete | 9 | 755 | 09.02.2012 15:43 Anonym147147 | | Som zúfalý, stlačil som Shift+DEL :( v Operačné systémy Microsoft | 8 | 1195 | 17.11.2009 11:22 HichHok | | FireFox Float v HTML, XHTML, XML, CSS | 2 | 560 | 31.08.2009 15:17 Snacker |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|