Aligning content with CSS

Πριν το βάψεις μπλε και το ρίξεις στη θάλασσα γιατί δεν ρίχνεις μια ματιά εδώ;

Συντονιστές: kostas213, markelos

Απάντηση
Άβαταρ μέλους
O kanenas
Δημοσιεύσεις: 3244
Εγγραφή: Κυρ Νοέμ 05, 2006 3:26 pm
Real Name: Αφροξυλάνθη
Facebook ID: 0
Τοποθεσία: Within search engines that search engines that search
Επικοινωνία:

Aligning content with CSS

Δημοσίευση από O kanenas »

Λοιπόν, έχω ένα html αρχείο και το αντίστοιχο css αρχείο του.
Στο html αρχείο, έχω ένα div του οποίου τα περιεχόμενα είναι δύο εικόνες μέσα σε <a> tabs (δηλαδή είναι εικόνες-links), η μία δίπλα στην άλλη. Προσπαθώ τις εικόνες αυτές, να τις φέρω στο κέντρο, αλλά δεν τα καταφέρνω.

Στο css αρχείο, γράφω

Κώδικας: Επιλογή όλων

div.tade
{
position: absolute;
top: 600px;
...
text-align: center;
...
}
αλλά δεν πιάνει... Μήπως έχει να κάνει με το "position: absolute;"?

Δοκίμασα και στο html αρχείο

Κώδικας: Επιλογή όλων

<div class="tade" align="center">
αλλά επίσης δεν πιάνει.

Ξέρει κανείς κάποια λύση?
R.I.P.
Life is so vain, but death equals pain
So let's make one more attempt and live with nothing to gain
Letmefly
Δημοσιεύσεις: 7
Εγγραφή: Σάβ Δεκ 02, 2006 7:18 pm

Re: Aligning content with CSS

Δημοσίευση από 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

Κώδικας: Επιλογή όλων

.tade
{
  margin-left: 300px;

}
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;
}
Άβαταρ μέλους
O kanenas
Δημοσιεύσεις: 3244
Εγγραφή: Κυρ Νοέμ 05, 2006 3:26 pm
Real Name: Αφροξυλάνθη
Facebook ID: 0
Τοποθεσία: Within search engines that search engines that search
Επικοινωνία:

Re: Aligning content with CSS

Δημοσίευση από O kanenas »

Τη δεύτερη λύση δεν την δοκίμασα, γιατί ουσιαστικά δεν έκανε aligning στο κέντρο, αφού σε περίπτωση που άλλαζαν οι διαστάσεις του παράθυρου του browser, με το "margin-left: 300px;" δεν θα βρίσκονταν πια στο κέντρο οι εικόνες.

Ουσιαστικά εφάρμοσα την πρώτη λύση που λες, αλλά με διαφορετικό width, γιατί το div ήθελα να πιάνει σχεδόν όλο το πλάτος της σελίδας.

Merci :)
R.I.P.
Life is so vain, but death equals pain
So let's make one more attempt and live with nothing to gain
Άβαταρ μέλους
sparc
Δημοσιεύσεις: 391
Εγγραφή: Τετ Νοέμ 01, 2006 9:46 am
Real Name: Γιώργος
Gender: Male
Τοποθεσία: Ε204_κ.Φυσικής!!!

Re: Aligning content with CSS

Δημοσίευση από 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).
I think therefore I am? Could be! Or is it really someone else who thinks he's me?
Reymond Smullyan - This book needs no title
Στενή είναι η αρετή, δεν μπορώ να αναπνεύσω· μικρός, στενός είναι ο Παράδεισος, δε με χωράει· σαν άνθρωπος μου φαίνεται ο Θεός σας, δεν τον θέλω!
Ν. Καζαντζάκης - Ασκητική
Απάντηση

Επιστροφή στο “Υπολογιστές - Εφαρμογές - Internet”