Σελίδα 1 από 1
Aligning content with CSS
Δημοσιεύτηκε: Πέμ Απρ 17, 2008 12:09 am
από O kanenas
Λοιπόν, έχω ένα html αρχείο και το αντίστοιχο css αρχείο του.
Στο html αρχείο, έχω ένα div του οποίου τα περιεχόμενα είναι δύο εικόνες μέσα σε <a> tabs (δηλαδή είναι εικόνες-links), η μία δίπλα στην άλλη. Προσπαθώ τις εικόνες αυτές, να τις φέρω στο κέντρο, αλλά δεν τα καταφέρνω.
Στο css αρχείο, γράφω
Κώδικας: Επιλογή όλων
div.tade
{
position: absolute;
top: 600px;
...
text-align: center;
...
}
αλλά δεν πιάνει... Μήπως έχει να κάνει με το "position: absolute;"?
Δοκίμασα και στο html αρχείο
αλλά επίσης δεν πιάνει.
Ξέρει κανείς κάποια λύση?
Re: Aligning content with CSS
Δημοσιεύτηκε: Πέμ Απρ 17, 2008 1:13 am
από Letmefly
Mia lisi ine na dosis sto div stathero platos kai na tou pis to perithorio na rithmizete automata.
Κώδικας: Επιλογή όλων
.tade
{
width : 300px;
margin-left : auto;
margin-right : auto;
}
Alli lisi na dosis apeuthias perithorioo sta aristeraa toso oste oi ikones sou na fenonte kentrarismenes
telos endexomenos na pezei kai to parakato.. Mesa sto div pou ine oi ikones sou bale allo ena div pou tha kanei wrap tis ikones
dil
Κώδικας: Επιλογή όλων
<div class="tade" >
<div class="test" >
<a href="..." > <img /> </a> <a href="..." > <img /> </a>
</div>
</div>
kai dose sto test div auto margin (oste na erthei sti mesi se sxesi me to parent div)
.test
{
margin-left : auto;
margin-right: auto;
}
Re: Aligning content with CSS
Δημοσιεύτηκε: Πέμ Απρ 17, 2008 9:14 am
από O kanenas
Τη δεύτερη λύση δεν την δοκίμασα, γιατί ουσιαστικά δεν έκανε aligning στο κέντρο, αφού σε περίπτωση που άλλαζαν οι διαστάσεις του παράθυρου του browser, με το "margin-left: 300px;" δεν θα βρίσκονταν πια στο κέντρο οι εικόνες.
Ουσιαστικά εφάρμοσα την πρώτη λύση που λες, αλλά με διαφορετικό width, γιατί το div ήθελα να πιάνει σχεδόν όλο το πλάτος της σελίδας.
Merci
Re: Aligning content with CSS
Δημοσιεύτηκε: Παρ Απρ 18, 2008 10:51 am
από sparc
(sorry gia ta greeklish. eimai se netcafe sto eksoteriko)
episis min ksexnas oti gia attributes still width mporeis na xrisimopoieis pososta etsi oste i analogia na paramenei statheri. To position:absolute einai kaki lisi ektos kai an oli i selida sou stithei me ayto.
gia kathe tetoia aporia voithaei to
http://www.w3schools.com to opoio periexei to pleon episimo reference kathws kai interactive tutorials sxedon gia kathe attribute.
Apla epelekse "Learn HTML" (epanw aristera) kai meta apo tin stilli aristera, ligo prin to telos, "tag list" i "tag reference", den thimamai (kai exo anagkastika, mono ena parathiro edw pera).