Devi anche definire un display (forse table-row) all' <ul> e dovrai sistemare alti attributi relativi alle tabelle.
Vedi nel tuo manuale preferito, oppure in http://www.w3schools.com/css/css_reference.asp#table
Devi anche definire un display (forse table-row) all' <ul> e dovrai sistemare alti attributi relativi alle tabelle.
Vedi nel tuo manuale preferito, oppure in http://www.w3schools.com/css/css_reference.asp#table
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Non sono riuscito a combinare nulla alla fine ho settato i contenitori[*] con larghezza fissa e di conseguenza dimensionare anche ul e navigation
www.pescaedintorni.byethost9.com
non è malissimo però mi sarebbe piaciuto capire come sistemarlo tanto per imparare a muovermi in queste situazioni. vi posto il codice html/php e css così che mi date un giudizio su come ho scritto l'impaginazione...
Index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>
Pesca e Dintorni
</title>
<meta http-equiv="Content-type" content='text/html; charset="UTF-8"' />
<meta name="author" content="Luigi Liccardi" />
<meta name="copyright" content="Luigi Liccardi" />
<meta name="description" content="Home Page Pesca e Dintorni" />
<meta http-equiv="keywords" content=" " />
<link rel="stylesheet" type="text/css" href="/stile/stile.css" />
</head>
<body>
<div id='container'>
<div id='header'>
</div>
<div id='navigation'>
<?php
if (isset($_GET['nav']))
{$flag_menu = $_GET['nav'];
if ($flag_menu == 1)
{include ('nav/nav1.php');
}
elseif ($flag_menu == 2)
{include ('nav/nav2.php');
}
elseif ($flag_menu == 3)
{include ('nav/nav3.php');
}
elseif ($flag_menu == 4)
{include ('nav/nav4.php');
}
else
{include ('nav/nav5.php');
}
}
else
{include ('nav/nav1.php');
}
?>
</div>
<div id='content'>
</div>
<div id="footer">
Writed & Designed By Balu Persli
july 2007
</div>
</div>
</body>
</html>
nav/nav1.php tuttli gli altri sono uguali spostando la classe selected:
<ul>
<li class='selected'>Home
[*]Articoli
[*]Itinerari
[*]Forum
[*]Chi siamo
[*]Contatti[/list]
stile/stile.css
* {
border: 0px;
margin: 0px;
padding: 0px;
}
body {
background-color: #fff;
color: #000;
font-family: Georgia, sans-serif;
font-size: 80%;
text-align: center;
}
hr {
display: none;
}
#container {
width: 790px;
margin: 0px auto;
}
#header {
height: 166px;
background: url(../img/layout/header.png) no-repeat top center;
}
/*INIZIO GESTIONE NAVIGAZIONE*/
#navigation {
width: 790px;
text-align: center;
height: 34px;
background: url(../img/layout/navigation.png) no-repeat center;
color: #fff;
}
#navigation ul {
width: 480px;
margin: 0 auto;
list-style-type: none;
}
#navigation ul li{
display: block;
float: left;
width: 80px;
text-align: center;
line-height: 34px;
font-weight: bold;
}
#navigation ul li a{
color: white;
text-decoration: none;
display: block;
}
#navigation ul li a:hover{
color: white;
text-decoration: none;
background: url(../img/layout/selected.png);
}
#navigation ul li.selected a {
color: white;
text-decoration: underline;
background: url(../img/layout/selected.png);
}
/*FINE GESTIONE NAVIGAZIONE*/
#content {
min-height: 332px;
background: url(../img/layout/content.png) no-repeat center;
}
#footer {
border-top: 1px solid gray;
margin-left: 50px;
margin-right: 50px;
padding-top: 10px;
height: 50px;
font-size: 8px;
}
grazie
Permessi di invio
Rispondi quotando