Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy tudnám megcsinálni...

Hogy tudnám megcsinálni (weblapkészítés)?

Figyelt kérdé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>



2012. ápr. 20. 13:50
 1/3 anonim ***** válasza:

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>

2012. ápr. 20. 14:03
Hasznos számodra ez a válasz?
 2/3 A kérdező kommentje:

Köszi szépen!

Abban még tudnál segíteni,h azt a keretet h tudom levenni róla?

2012. ápr. 20. 15:10
 3/3 zsomkovacs ***** válasza:
A #content résznél van egy border: 1px... sor. Ezt írd át border: none;-ra, és eltűnik a keret.
2012. ápr. 22. 15:57
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!