HTML-szerkesztés kezdőknek!!!
-
#6754
"Most az lenne a kérdésem hogy van középen egy iframem, és baloldalt vannak a <li> linkek (a menü)"
Nos akkor szögezzünk le egy pár dolgot:
ha az adatlapodon levő oldalakról levő oldal(ak)ról van szó, akkor ajánlatos lenne ha a rendes HTML-struktúrát követnéd, mert így minden egyes böngészőben máshogy fog kinézni/működni az oldal.
Az alapstruktúra minimum így nézzen ki:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<title>Oldalcime</title>
</head>
<body>
<!-- Ide jön az oldal tartalma -->
</body>
</html>
Hogy egymás mellé kerüljön a menu és a tartalom, azt CSS-sel érdemes egymás mellé "lebegtetni". Tehát tegyük fel, hogy van az alábbi HTML-struktúránk (a <body> és </body> tagek között):
<div id="menu">
<ul>
<li><a href="xyz.htm" target="abc">Link</a></li>
</ul>
</div>
<div id="content">
<iframe src="asdasd.htm" name="abc"></iframe>
</div>
<div id="clearer"></div>
Akkor CSS-sel a formázás (ezt a <head> és </head> tagek közé kell rakni, mert ez egy HTML-be ágyazott CSS):
<style type="text/css">
#menu, #content {
float: left;
}
#clearer {
clear: both;
}
</style>
Így szépen egymás mellé kerülnek a dolgok.
"És ha a manüt oldalt br-el lejjebb viszem akkor a frame is megy vele"
A <br> nem erre való. Bekezdésen belül való sortörésre.
Helyette az előző példánál maradva a menu azonosítójú elem margóját kell variálni:
<style type="text/css">
#menu, #content {
float: left;
}
#menu {
margin-top: 10px;
}
#clearer {
clear: both;
}
</style>
Persze a 10px változhat, lehet több, kevesebb.
A fent bemutatott dolgoknak olvass utána (html.lap.hu, css.lap.hu, standardsmode.hu, w3schools.com,...).