CSS for round tables

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

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

Απάντηση
corazon
Δημοσιεύσεις: 5
Εγγραφή: 12 Ιαν 2005 19:01

CSS for round tables

Δημοσίευση από corazon » 12 Ιαν 2005 19:47

I am trying to find a code for CSS for Dreamweaver in order to create round tables not with square corners

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27626
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

CSS for round tables

Δημοσίευση από cordis » 12 Ιαν 2005 19:51

Δεν νομίζω ότι μπορείς να κάνεις κάτι τέτοιο μόνο με CSS, αλλά αυτό που μπορείς να κάνεις είναι να βάλεις εικόνες με κούρμπες στις γωνίες των tables σου...
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
aloha
Δημοσιεύσεις: 82
Εγγραφή: 11 Μάιος 2004 13:43

CSS for round tables

Δημοσίευση από aloha » 13 Ιαν 2005 00:07

pws mporei na ginei tote? gnwrizei kaneis?

Άβαταρ μέλους
milianos
Δημοσιεύσεις: 269
Εγγραφή: 11 Νοέμ 2004 01:39
Τοποθεσία: schwabenland
Επικοινωνία:

CSS for round tables

Δημοσίευση από milianos » 13 Ιαν 2005 00:08

Υπάρχει κάτι απο CSS3 (-moz-border-radius) αλλα προς το παρόν υποστηρίζεται μόνο απο τον Mozilla 0.92 και πάνω.
Η καλλίτερη λύση ειναι η χρήση γραφικών στις γωνίες

Κοίταξε στην google για rounded corner

<html>

<head>
<meta http-equiv="Content-Language" content="el">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<title>στρογγυλεμένες γωνίες</title>
<style type="text/css">
<!--
table {
background-color: #993366;
text-align: left;
border: 0px solid #000;
color:#ffff00;
-moz-border-radius-bottomleft: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
}
-->
</style>
</head>

<body>

<div align="center">
<table border="0" width="300" height="300" cellspacing="5" cellpadding="4" style="border-width: 0">
<tr>
<td>
<p style="text-align: center"><b>Αυτή ειναι μια <span lang="de">table
</span>με στρογγυλεμένες γωνίες, αλλά μπορείτε να την δείτε ετσι μόνο
με <span lang="de">Mozilla 0.92 </span>και πάνω.</b></p>
</td>
</tr>
</table>
</div>

</body>

</html>

Απάντηση

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

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

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