Autor | Zpráva | ||
---|---|---|---|
Klasounek Profil * |
Zdravím,
mrkněte prosím na web tady jde např o DIV (main), kde bude hlavní text. Proč není text nalepen hned pod linku <img>? Už fakt nevím kde je chyba. Při použítí <br> za img, se mi to ve FF loupne hned pod linku, ale v IE nic. Našel jsem více způsobů, jak to ve FF dostat hned pod linku, ale v IE stále nic. Na jiných webech co jsem plodil (treba www.restauraceukarlu.cz) mi to fachá, ale nějak nemůžu najít rozdíl. styly.css: body { margin: 0px; padding: 0px; background-color: #37424b; text-align: center; font-family: tahoma; font-size: 12px; line-height: 15px; color: #a2adb7; } #content { margin: 8px auto 0em; width: 850px; height: 895px; background-color: #24292f; text-align: center; } #content2 { width: 760px; margin: 0em auto 0em auto; } #logo { float: left; margin:0; width: 238px; } #logo-content { margin:0; padding: 0; height: 111px; } #menu { float: left; margin:0; width: 522px; } #menu-content { margin:0; padding: 0; height: 111px; background-color: #2e353b; } #hlavicka { float: left; width: 760px; _margin:-3px 0px 0px 0px; } #hlavicka-content { padding: 0; height: 203px; background: url('soubory/hlavicka.jpg'); background-repeat: no-repeat; } #ucebny-nadpis { float: left; margin:0; width: 238px; } #ucebny-nadpis-content { margin:0; padding: 0; height: 45px; background-color: #000000; text-align: left; font-family: arial; font-size: 18px; line-height: 15px; color: #e5e5e5; } #onas { float: left; margin:0; width: 522px; } #onas-content { margin:0; padding: 0; height: 45px; background: url('soubory/o-nas-podklad.jpg'); background-repeat: no-repeat; background-color: #383f47; text-align: left; font-family: arial; font-size: 18px; line-height: 15px; color: #e5e5e5; } #ucebny { float: left; margin:0; width: 238px; height: 463px; } #ucebny-content { margin:0; padding: 0; height: 199px; background-color: #383f47; } #kontakt-nadpis-content { margin:0; padding: 0; height: 45px; background-color: #000000; text-align: left; font-family: arial; font-size: 18px; line-height: 15px; color: #e5e5e5; } #kontakty-content { margin:0; padding: 0; height: 219px; background-color: #383f47; } #main { float: left; margin:0; width: 522px; } #main-content { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 463px; background-color: #2e353b; } #zapati-copy { float: left; margin:0; width: 238px; padding: 8px 0px 0px 0px; } #zapati-copy-content { margin:0; padding: 0px; height: 45px; background-color: #e50083; } #zapati-g73 { float: left; width: 522px; } #zapati-g73-content { height: 45px; background-color: #000000; margin: 8px 0px 0px 0px; text-align: left; } img { border: 0px; } hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; } index.php: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HEAD> <TITLE>Jazykovka Pohodově - O nás</TITLE> <link rel="stylesheet" type="text/css" href="styly.css"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/ico"> <script type="text/javascript" src="sm-iepng.js" defer="defer" charset="ISO-8859-1"></script> <META http-equiv="Content-Type"content="text/html; charset=windows-1250"> <meta name="description" content=" "> <meta name="keywords" content=" "> </HEAD> <BODY> <div id="content"> <div id="content2"> <div id="logo"> <div id="logo-content"> <a style="text-decoration: none;" href="index.php"><img alt="Jazykovka pohodově" title="Jazykovka pohodově" sm:iepng="true" src="soubory/logo-jazykovka.jpg"></a> </div> </div> <div id="menu"> <div id="menu-content"> <b>TADY BUDE MENU</b> </div> </div> <div id="hlavicka"> <div id="hlavicka-content"> <b>Tady budou tlacitka</b> </div> </div> <div id="ucebny-nadpis"> <div id="ucebny-nadpis-content"> <img style="margin: 18px 9px 0px 25px;" sm:iepng="true" src="soubory/kosticka.png"> Učebny </div> </div> <div id="onas"> <div id="onas-content"> <img style="margin: 18px 9px 0px 25px;" sm:iepng="true" src="soubory/kosticka.png"> O nás </div> </div> <div id="ucebny"> <div id="ucebny-content"> <img valign="top" style="_margin:-12px 0px 0px 0px;" src="soubory/linka_ruzova.jpg"> <b>Ucebny - foto</b> </div> <div id="kontakt-nadpis-content"> <img style="margin: 18px 9px 0px 25px;" sm:iepng="true" src="soubory/kosticka.png"> Kontakt </div> <div id="kontakty-content"> <img style="_margin:-12px 0px 0px 0px;" src="soubory/linka_ruzova.jpg"> <b>KONTAKTY</b> </div> </div> <div id="main"> <div id="main-content"> <img style="vertical-align: top;" src="soubory/linka_cerna.jpg"> Proc to neni nalepeny primo pod linku??? </div> </div> <div id="zapati-copy"> <div id="zapati-copy-content"> <b>Copyright</b> </div> </div> <div id="zapati-g73"> <div id="zapati-g73-content"> <img style="vertical-align: top;" src="soubory/linka_seda.jpg"> aaaa </div> </div> </div> <hr class="cleaner" /> </div> </BODY> </HTML> |
||
Klasounek Profil * |
#2 · Zasláno: 11. 10. 2009, 22:36:56
No, vyřešil jsem to pomocí "display:block;" Ale zaráží mě jedna věc. A to, že jsem se s tímto problémem nesetkal na restauraceukarlu.cz, kde jsem také cpal <img> a pod to opět <p> s jistým marginem a pod to zase <img> a jak FF, tak IE mi to odsazovalo naprosto stejně
|
||
Klasounek Profil * |
#3 · Zasláno: 11. 10. 2009, 22:40:13
Jen ještě výcuc kódu index.php pro ukázku, že by to bylo tím, že tam nebyl použit jpg, ale png? Nebo tak img narušil java script? opravdu to nechápu...:
<div id="tram2-content"> <img sm:iepng="true" usemap="#vlajky" src="soubory/tram_vodorovny.png"> <p style="margin: 13px 0px 0px 6px;"> <img sm:iepng="true" src="soubory/uvodni_slovo.png"> <p style="margin: 13px 0px 0px 6px;"> Přijměte naše srdečné pozvání k návštěvě Restaurace U Karlů, která se nachází <br>v Horním Jindřichově. Kromě restaurace, kde podáváme pět druhů poledního<br> menu a širokou nabídku minutkových jídel, je Vám k dispozici nekuřácká jídelna.<br> Za pěkného počasí Vám můžeme nabídnout posezení na velké letní terase. V našich prostorách pro Vás také rádi zajistíme Vaši soukromou oslavu nebo firemní akci. <p style="margin: 13px 0px 0px 6px;">Obdivovatele starých aut také provedeme naším minimuzeem veteránů, které<br> můžete vidět na webové adrese <a target="_blank" href="http://www.veteran-dodge.cz">www.veteran-dodge.cz</a>. <p style="margin: 58px 0px 0px 0px;"> <a target="_blank" href="http://www.veteran-dodge.cz"><img border="0px" sm:iepng="true" src="soubory/tl_voj_minimuzeum.png"></a> </div> |
||
Časová prodleva: 14 let
|
0