Hogy tudnám megcsinálni (weblapkészítés)?
Van fejlécem,és bal oldali menüm.Ezeken kívül ami maradt hely,oda szeretném betölteni a menüből a dolgokat.Hogyan?
Táblázatosan nem sikerül megcsinálni,frame-el pedig nem sikerül.Be se teszi hogy felosztottam a képernyőt.:S Nagyon kezdő vagyok még. :)
Így néz ki eddig:
<html>
<head>
<title>Index</title>
</head>
<body background="képek/hatter.jpg">
<img src="képek/fejlec.jpg" border=0 width=100%>
<style type="text/css">
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}
#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000000;
width:160px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
</style>
<div id="vertmenu">
<h1>Menü</h1>
<ul>
<li><a href="#" tabindex="1">Főoldal</a></li>
<li><a href="#" tabindex="2">Fűszerek hatása</a></li>
<li><a href="#" tabindex="3">Népszerű ételek</a></li>
<li><a href="#" tabindex="4">Fűszerek termesztése</a></li>
<li><a href="#" tabindex="5">Linkek</a></li>
<li><a href="#" tabindex="6">Kérdőív</a></li>
<h1>Fűszerek</h1>
<li><a href="#" tabindex="1">Borsikafű</a></li>
<li><a href="#" tabindex="2">Fűszerkömény</a></li>
<li><a href="#" tabindex="3">Pirospaprika</a></li>
<li><a href="#" tabindex="4">Kapor</a></li>
<li><a href="#" tabindex="5">Majoránna</a></li>
</ul>
</div>
Rengetegféleképpen meg lehet csinálni, akár táblázattal is, de az már nem divat. Én float-al csináltam:
<html>
<head>
<title>Index</title>
</head>
<body background="képek/hatter.jpg">
<img src="képek/fejlec.jpg" border=0 width=100%>
<style type="text/css">
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
float:left;
}
#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000000;
width:160px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
#content{
width:700px;
border:1px solid #000;
margin-left:10px;
float:left;
}
</style>
<div id="vertmenu">
<h1>Menü</h1>
<ul>
<li><a href="#" tabindex="1">Főoldal</a></li>
<li><a href="#" tabindex="2">Fűszerek hatása</a></li>
<li><a href="#" tabindex="3">Népszerű ételek</a></li>
<li><a href="#" tabindex="4">Fűszerek termesztése</a></li>
<li><a href="#" tabindex="5">Linkek</a></li>
<li><a href="#" tabindex="6">Kérdőív</a></li>
<h1>Fűszerek</h1>
<li><a href="#" tabindex="1">Borsikafű</a></li>
<li><a href="#" tabindex="2">Fűszerkömény</a></li>
<li><a href="#" tabindex="3">Pirospaprika</a></li>
<li><a href="#" tabindex="4">Kapor</a></li>
<li><a href="#" tabindex="5">Majoránna</a></li>
</ul>
</div>
<div id="content" style="">Tartalom</div>
</body>
</html>
Köszi szépen!
Abban még tudnál segíteni,h azt a keretet h tudom levenni róla?
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!