Autor Zpráva
Klasounek
Profil *
#1 · Zasláno: 11. 10. 2009, 21:27:09 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
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
Odpovědět Citovat
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
Odpovědět Citovat
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: 17 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0