mia mikri vohthia ?

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

mia mikri vohthia ?

Δημοσίευση από ertert » 07 Αύγ 2006 21:02

Kalispera...

Exo ton parakato kodika:

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7" />
<style type="text/css">
.newslink &#123;
  font-size&#58; 11px;
  font-family&#58; Tahoma, Arial, Helvetica, sans-serif;
  color&#58; #003366;
&#125;
.newslink a&#58;link, .newslink a&#58;visited &#123; 
  color&#58; #003366;
  display&#58; block;
  border&#58; 1px solid #dddddd;
  border-width&#58; 0px 0px 1px 0px;
  padding&#58; 5px 0px 5px 18px;
  margin&#58; 0px 0px 0px 5px;
  background-image&#58; url&#40;/images/newslink.gif&#41;;
  background-repeat&#58; no-repeat;
  background-position&#58; -2px 5px;
  text-decoration&#58; none;
&#125;
.newslink a&#58;hover &#123; color&#58; #B72827; background-color&#58; #f1f1f1; text-decoration&#58; none;&#125;
</style>
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0" class="newslink">
  <tr>
    <td><a href="1">1</a><a href="2">2</a><a href="3">3</a><a href="4">4</a></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="200" border="0" cellspacing="0" cellpadding="0" class="newslink">
  <tr>
    <td width="50%"><a href="1">1</a><a href="2">2</a><a href="3">3</a><a href="4">4</a></td>
    <td width="50%"><a href="1">1</a><a href="2">2</a><a href="3">3</a><a href="4">4</a></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>

To CSS doulevei kanonika otan einai se table me mia stili.
Otan to vazo se table me 2 stiles den leitourgei sosta stin 2h stili.
Ti leo oti den leitourgei sosta... oti gia na ginei "hover" stin 2h stili prepei na pas pano apo tin lexi... (ola ayta gia IE den exo dokimasei firefox)

Yparxei tropos na to lisoume ?
Sas eyxaristo...

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

mia mikri vohthia ?

Δημοσίευση από patriot » 08 Αύγ 2006 07:43

Μήπως παίζει ρόλο ότι δεν έχεις βάλει το active? (Πάντως δεν πολύ κοίταξα των κώδικα, σόρρυ αλλά πρέπει να κάνω κάτι γρήγορα και βιάζομαι)

Δηλ το:

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

a&#58;active &#123;color&#58;τάδε&#125;
Εγώ βάζω συνήθως

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

a&#58;link, a&#58;visited &#123;color&#58;τάδε&#125;
και μετά

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

a&#58;hover, a&#58;active, a&#58;focus &#123;color&#58;τάδε&#125;
(Με την σειρά που στα έγραψα για αποφυγή των conflicts. Μεταξύ των τριών visited, hover, active με αυτήν την σειρά και μεταξύ όλων με το focus το οποίο μπαίνει πάντα τελευταίο)
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

mia mikri vohthia ?

Δημοσίευση από ertert » 08 Αύγ 2006 09:50

Kalimera...

Distixos den lithike to provlima...

O monos tropos na doulepsei me 2 stiles einai na valo 2 pinakes (me 1 stili) dipla, dipla.

Fisika milame gia "patenta"... den einai oti kalitero

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

mia mikri vohthia ?

Δημοσίευση από cherouvim » 08 Αύγ 2006 10:06

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

width&#58; 100%;
Πάντος δεν είναι σωστό μέσα σε table να εξομοιώνεις γραμμές, βάζοντας block level στοιχεία. Το table έχει γραμμές <tr> για αυτό το σκοπό.

Επίσης καλύτερο είναι τις λίστες από links να τις βάζεις μέσα σε... λίστες.

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

<ul>
  <li><a href="/">foo</a></li>
  <li><a href="/">bar</a></li>
</ul>
Διάβασε το listamatic: http://css.maxdesign.com.au/listamatic/

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

mia mikri vohthia ?

Δημοσίευση από ertert » 08 Αύγ 2006 11:08

doulepse!!!
se eyxaristo... !!! :D

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

mia mikri vohthia ?

Δημοσίευση από ertert » 11 Αύγ 2006 22:52

...kalispera kai pali

molis to dokimasa se firefox...

katalava oti o firefox den xreiazete to width: 100%
alla tora me to width: 100% (opou to xriazete o IE)
o firefox xanei ta "metra" kai kavei hoover kai pera toy table...

Yparxei kapoia alli lisi ?

Thanks

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

mia mikri vohthia ?

Δημοσίευση από patriot » 13 Αύγ 2006 18:37

Για δοκίμaσε να γράψεις width:auto;
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

mia mikri vohthia ?

Δημοσίευση από ertert » 13 Αύγ 2006 19:12

...den pezei katholou se IE

...ayto pou exo kanei einai na exo 2o style me to width: 100% kai na to vazo mono se 2stilo table opote o firefox na min exei provlima pantou

...to allo koyfo pou ginete (ston IE mono) einai oti ean h kentriki stili (periexomena) exei <hr> kai peraseis to pontiki apo to menu (aristera) poy exei to parapano style pou anefera... tote kanei leyka ta grammata stin kentriki stili !!! (prepei na exei sxesei omos kai me to <h2>)
p.x. http://www.servitoros.gr/sindikalistiki/view.php/1/1/

pantos me CSS meiosa to megethos tis selidas kata 50-60% (apo to prohgoumeno web design)

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες