ok, ora faccio un'immagine fatta decentemente (non come quella a mano :maLOL: ) e posto tutto
ok, ora faccio un'immagine fatta decentemente (non come quella a mano :maLOL: ) e posto tutto
In a world without walls and fences, who needs windows and gates?
ecco qui
allora io vorrei le bandiere e il logo posizionandoli in maniera relativa all'interno dell'header, cioè per esempio lo spazio tra le bandiere e il logo deve essere del 5% del width totale dell'header.
altrettanto vorrei mettere un'immagine nel menù di sinistra posizionato con unità relative, per esempio al 50% dell'altezza del div menu_sx.
domanda più generica: come si posizionano elementi in un div, prendendo come punto di riferimento per le misure relative esso stesso.
spero di essere stato chiaro
In a world without walls and fences, who needs windows and gates?
prova qui per fare il layout:
http://www.inknoise.com/experimental/layoutomatic.php
quello a 3 colonne mi sembra sia adatto a te!
Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan
grazie per il link, però io odio tutto ciò che è automatico perché non mi sento padrone al 100% del layout.
In a world without walls and fences, who needs windows and gates?
cerco di essere ancora più chiaro:
il banner~logo è di 468*60 px;
le bandiere al momento non ho idea della grandezza, comunque devo trovare uno stratagemma per renderle ridimenionabili. in ogni modo mi baso sulla risoluzione 1024*768, senza dimenticare che c'è la 800*600.
il layout avrà 1 colonna centrale larga il 50% del body e due colonne laterali larghe ognuna 25%. n.b. può esserci qualcosa in meno perché metterò i bordi e un po' di padding.
scopo logico:
header: logo/banner e bandiere di selezione della lingua
colonna centrale: contenuto (poiché sarà un sito di risultati calcistici ci saranno tabelle (usate propriamente) e news varie
colonna di sinistra: colonna di navigazione con tutti i links per il sito per per il percorso a ritroso dei links
colonna di destra: colonna con links a news, articoli e script vari in php (quando imparerò questo linguaggio di scripting per il web)
footer: indicazioni sulla licenza creative common (la quale io utilizzerò) e data di pubblicazione del sito e cose di questo genere.
################################################## ####
come si fa' a gestire il posizionamento di elementi in un div, usando unità di misura relative?
ad esempio scrivere che voglia la bandiera a 5% del margine superiore del div e magari al 10% del div.
spero abbiate capito
In a world without walls and fences, who needs windows and gates?
ci hai pensato tardi, avevo già pronto il codice quando ho visto il tuo post che neanche ho letto tutto, perché visto che già l'ho fatto secondo misure arbitrarie, ora che faccio, lo devo rifare? cioè non hai pronte neanche le bandierine, non sai che dimensioni avranno e vuoi posizionati elementi in un modo che neanche hai ben chiaro, per cui per ora ti posto il codice e poi si vede.
<html>
<head>
<title>assoluti</title>
<style type="text/css">
*{margin:0;padding:0}
body {font-family:georgia,serif;
text-align:center;
background:gray;
overflow:auto
}
#banner {width:360px;
height:100px;
background:fuchsia;
position:absolute;
top:0;
left:0
}
#it {width:60px;
height:30px;
background:green;
position:absolute;
top:35px;
left:405px;
}
#en {width:60px;
height:30px;
background:white;
position:absolute;
top:35px;
left:510px;
}
#fr {width:60px;
height:30px;
background:red;
position:absolute;
top:35px;
right:45px;
}
#relativo {
top:0;
left:0;
position:relative;
width:720px;
background:silver;
margin-left:auto;
margin-right:auto;
margin-top:20px;
text-align:left;
padding-top:120px;
}
h1 {padding:1em}
h1:first-letter {font-size:3em;
font-style:italic;
color:red
}
</style>
</head>
<body>
<div id="relativo">
<p id="banner">Banner</p>
<p id="it">it</p>
<p id="en">en</p>
<p id="fr">fr</p>
<h1>Visto che non ti vuoi sbilanciare, col
posizionamento assoluto fai prima</h1>
</div>
</body>
</html>
le misure in pixel si possono anche impostare in percentuale così le distanze, le finte immagini devi sostituirle colle tue, oppure se cambi le dimensioni da pixel a percentuali e infili lì le immagini con width:100% si ridimensionano adattandosi a quelle
così impari un'altra volta a essere reticente
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
veramente grazie per tutte le risposte
ora analizzo il codice e lo personalizzo...
e scusami per il fastidio
In a world without walls and fences, who needs windows and gates?
Permessi di invio
Rispondi quotando