Autor Zpráva
kamo_444
Profil
Chcel by som tento zoznam (menu) dostať do stredu stránky tak že to cele bude oramované a pozadie celej stránky bude napr zelené.
Tak aby menu bolo verticalne pri oramovaní a chcel by som abytam bol nadpis napr CSS. Tak že bude nad menu.

Takže v oramovani bude: Menu, nad menu nadpis.
Prosím Vás o radu. Nie som veľmi profík v CSS
Tu je SRC CSS
#menu {
    background: #333;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
}
#menu li {
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu a {
    background: #333;
    border-bottom: 1px solid #393939;
    color: #ccc;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}
#menu a:hover {
    background: #2580a2 url("images/hover.gif") left center no-repeat;
    color: #fff;
    padding-bottom: 8px;
}

a tu menu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez názvu</title>
<style type="text/css">
    @import url(menu_style.css); 
</style>
</head>
<body>


<ul id="menu">
    <li><a href="index.html" title="Domov">Domov</a></li>
    <li><a href="Orámovnie.html" title="Orámovanie">Orámovanie</a></li>
    <li><a href="Zoznamy.html" title="Zoznamy">Zoznamy</a></li>
    <li><a href="Kontakt.html" title="Kontakt">Kontakt</a></li>
    <li><a href="FAQ.html" title="FAQ">FAQ</a></li>
</ul>

<div>
Táto stránka slúži na vysvetlenie orámovania blokových elementov a zoznamov kde ukážem ako sa taký to element tvorí a ako aj vyzerá.Ďalšie informácie získate ak sa kliknete na ďalšiu ponuku v menu


</div>

</body>
</html>
dranel91
Profil
Pozadí nastav přímo značce <body>. Nadpis a přilehlé menu obal značkou <div>, které nastav určitou šířku (width) a margin: 0 auto, čímž ji vycentruješ.

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