<div> jak prawidłowo to zapisać Opcje

[pietrek_k]

Powiedzcie bo nie wiem czy tak będzie dobrze zapisane. Nie wyświetla mi div o id=ld.
Ten element powinien być wyświetlony pod lsl i lsp

[PHP] pobierz, plaintext 
<div id="strona">
	<div id="naglowek">
		<div id="lewa">
			<div id="lg">abc</div>
				<div>
					<div id="lsl">def</div>
					<div id="lsp">ghi</div>
				</div>
			<div id="ld">jkl</div>
		</div>
	</div>
</div>
[PHP] pobierz, plaintext 

CSS:

[PHP] pobierz, plaintext 
div#strona {
width: 1000px;
margin: 0 auto;
padding: 10px;
}
 
div#naglowek {
overflow: hidden
}
 
div#lg {
height: 70px;
width: 583px;
padding: 0px;
background-image: url("str_01.jpg");
}
 
div#lewa {
	float: left;
}
 
div#prawa {
	float:right;
}
 
div#pg {
height: 79px;
width: 417px;
padding: 0px;
background-image: url("str_02.jpg");
}
 
div#lsl {
height: 54px;
width: 379px;
float: left;
background-image: url("str_03.jpg");
}
 
div#ld {
	height: 40px;
	width: 583px;
	background-image: url("str_16.jpg");
}
 
div#lsp {
height: 54px;
width: 204px;
background-image: url("str_04.jpg");
float: right;
[PHP] pobierz, plaintext 

Jak to najlepiej zrobić

[trzczy]

Winna jest wartość hidden.

[CSS] pobierz, plaintext 
div#naglowek {
overflow: hidden
}
[CSS] pobierz, plaintext 

Jak prawidłowo to zrobić? Zależy co. Można się domyślić, że tu chodzi o layout strony. Bym szukał na google layout html5. Albo skeleton.

[hondek]

Wywal ten overflow:hidden; i zrób tak html:

[HTML] pobierz, plaintext 
    <div id="strona">
    	<div id="naglowek">
    		<div id="lewa">
    			<div id="lg">abc</div>
    				<div>
    					<div id="lsl">def</div>
    					<div id="lsp">ghi</div>
    					<div style="clear:both"></div>
    				</div>
    			<div id="ld">jkl</div>
    		</div>
    	</div>
    </div>
[HTML] pobierz, plaintext 

[pietrek_k]

Kurcze a tutaj czego mi brakuje?? Coś mi robi przerwę. Nie bardzo wiem co tu się posypało. Korzystałem z różnych opcji ale widocznie coś pominąłem.

[HTML] pobierz, plaintext 
<div id="prawa">
			<div id="pg">abc</div>
			<div id="menu">
				<div id="menu1"><a onmouseover="changeImages('str_05', 'images/str_05-over.jpg'); return true;" onmouseout="changeImages('str_05', 'images/str_05-over.jpg'); return true;" onmousedown="changeImages('str_05', 'images/str_05-over.jpg'); return true;" onmouseup="changeImages('str_05', 'images/str_05-over.jpg'); return true;" href="index.php"><img name="str_05" src="images/str_05-over.jpg" width="67" height="23" border="0" alt=""></a></div>
				<div id="menu2"></div>
				<div id="menu1"><a onmouseover="changeImages('str_07', 'images/str_07-over.jpg'); return true;" onmouseout="changeImages('str_07', 'images/str_07.jpg'); return true;" onmousedown="changeImages('str_07', 'images/str_07.jpg'); return true;" onmouseup="changeImages('str_07', 'images/str_07-over.jpg'); return true;" href="onas.php">		<img name="str_07" src="images/str_07.jpg" width="67" height="23" border="0" alt=""></a></div>
				<div id="menu3"></div>
				<div id="menu1"><a onmouseover="changeImages('str_09', 'images/str_09-over.jpg'); return true;" onmouseout="changeImages('str_09', 'images/str_09.jpg'); return true;" onmousedown="changeImages('str_09', 'images/str_09.jpg'); return true;" onmouseup="changeImages('str_09', 'images/str_09-over.jpg'); return true;" href="oferta.php">
				<img name="str_09" src="images/str_09.jpg" width="67" height="23" border="0" alt=""></a></div>
				<div id="menu4"></div>
				<div id="menu1"><a onmouseover="changeImages('str_11', 'images/str_11-over.jpg'); return true;" onmouseout="changeImages('str_11', 'images/str_11.jpg'); return true;" onmousedown="changeImages('str_11', 'images/str_11.jpg'); return true;" onmouseup="changeImages('str_11', 'images/str_11-over.jpg'); return true;" href="realizacje.php">
				<img name="str_11" src="images/str_11.jpg" width="67" height="23" border="0" alt=""></a></div>
				<div id="menu5"></div>
				<div id="menu1"><a onmouseover="changeImages('str_13', 'images/str_13-over.jpg'); return true;" onmouseout="changeImages('str_13', 'images/str_13.jpg'); return true;" onmousedown="changeImages('str_13', 'images/str_13.jpg'); return true;" onmouseup="changeImages('str_13', 'images/str_13-over.jpg'); return true;" href="kontakt.php">
				<img name="str_13" src="images/str_13.jpg" width="67" height="23" border="0" alt=""></a></div>
				<div id="menu6"></div>
			</div>	
			<div id="pd">def</div>
		</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
div#menu1 {
	float: left;
}
 
div#menu2 {
	height: 23px;
	width: 6px;
	background-image: url("str_06.jpg");
	float: left;
}
 
div#menu3 {
	height: 23px;
	width: 7px;
	background-image: url("str_08.jpg");
	float: left;
}
 
div#menu4 {
	height: 23px;
	width: 6px;
	background-image: url("str_10.jpg");
	float: left;
}
 
div#menu5 {
	height: 23px;
	width: 6px;
	background-image: url("str_12.jpg");
	float: left;
}
 
div#menu6 {
	height: 23px;
	width: 57px;
	background-image: url("str_14.jpg");
	float: left;
}
 
div#pd {
	height: 62px;
	width: 417px;
	background-image: url("str_15.jpg");
	clear: both;
}
 
div#prawa {
	float:right;
}
 
[CSS] pobierz, plaintext 

Kurcze a tutaj czego mi brakuje?? Coś mi robi przerwę. Nie bardzo wiem co tu się posypało. Korzystałem z różnych opcji ale widocznie coś pominąłem.



Ten post edytował pietrek_k 19.01.2018, 12:15:19