Πώς μπορώ να ρυθμίσω το height του border-right με CSS??

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
g_p
Δημοσιεύσεις: 134
Εγγραφή: 28 Μάιος 2010 12:43

Πώς μπορώ να ρυθμίσω το height του border-right με CSS??

Δημοσίευση από g_p » 16 Οκτ 2010 14:53

Παιδιά γεια σας,

φτιάχνω ένα μενού σαν αυτό στο παράδειγμα http://www.w3schools.com/css/tryit.asp? ... css_float5 , κάθε li διχωρίζεται με border-right.
Θέλω τα border-rights όμως να έχουν μικρότερο heigth από αυτό??
τι μπορώ να κάνω για έχω μικρότερο height,
έψαξα στο google αλλά τα περισσότερα λένε να βάλεις ένα img με την γραμμή που θέλεις.

Πώς μπορώ να επιτυχω αυτό το αποτέλεσμα???

ευχαριστώ

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Πώς μπορώ να ρυθμίσω το height του border-right με CSS??

Δημοσίευση από korgr » 16 Οκτ 2010 16:05

Το height του border κληρονομείται από το ύψος του αντικειμένου του.
Πρέπει να μην δώσεις καθόλου border-right και να ορίσεις μια εικόνα background με μια γραμμούλα στο ύψος που θες και να ορίσεις το position του background σε center right

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

Πώς μπορώ να ρυθμίσω το height του border-right με CSS??

Δημοσίευση από dva_dev » 16 Οκτ 2010 17:14

@korgr
πρέπει να έχεις κάνει πολλές ώρες επαφές με πελάτες έτσι; Μέχρι να κάνω scroll down και να δω τι έχεις γράψει, διάβαζα και ξαναδιάβαζα την ερώτηση και προσπαθούσα να καταλάβω τι εννοεί...

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Πώς μπορώ να ρυθμίσω το height του border-right με CSS??

Δημοσίευση από fafos » 16 Οκτ 2010 17:36

mporeis na t kaneis me ena div 1px kai ligo css:

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

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
<!--
ul
&#123;
float&#58;left;
width&#58;100%;
padding&#58;0;
margin&#58;0;
list-style-type&#58;none;
&#125;
a
&#123;
float&#58;left;
width&#58;6em;
text-decoration&#58;none;
color&#58;white;
background-color&#58;purple;
padding&#58;0.2em 0.6em;
margin&#58;-1px;
&#125;
a&#58;hover &#123;background-color&#58;#ff3300;&#125;
li &#123;display&#58;inline;&#125;

.borderlineleft&#123;
background-color &#58; #ffffff;
width&#58; 1px;
height&#58; 14px;
margin&#58; 0; 
padding&#58; 0; 
margin-top&#58;5px;
float&#58;left; 
font-size&#58; 0.1pt;   
display&#58;inline;
z-index &#58; 10;
position &#58; relative;
&#125;

-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
</head>

<body>
<ul>
<li>
  <a href="#">Link one</a>

  </li>
  <li>
  <div class="borderlineleft"></div>
<a href="#">Link two</a>

  </li>
<li>
<div class="borderlineleft"></div>
<a href="#">Link three</a>
  

  </li>
<li>
  <div class="borderlineleft"></div>
<a href="#">Link four</a>

  </li>
</ul>

<p>
In the example above, we let the ul element and the a element float to the left.
The li elements will be displayed as inline elements &#40;no line break before or after the element&#41;. This forces the list to be on one line.
The ul element has a width of 100% and each hyperlink in the list has a width of 6em &#40;6 times the size of the current font&#41;.
We add some colors and borders to make it more fancy.
</p>

</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

g_p
Δημοσιεύσεις: 134
Εγγραφή: 28 Μάιος 2010 12:43

Πώς μπορώ να ρυθμίσω το height του border-right με CSS??

Δημοσίευση από g_p » 16 Οκτ 2010 18:55

Ευχαριστώ για τις απαντήσεις σας και τον βοηθητικό κώδικα,
έτρεξα τον κώδικα με το div του 1px και είναι μια χαρά,δουλεύει κανονικά

ευχαριστώ

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Πώς μπορώ να ρυθμίσω το height του border-right με CSS??

Δημοσίευση από korgr » 16 Οκτ 2010 22:04

dva_dev έγραψε:@korgr
πρέπει να έχεις κάνει πολλές ώρες επαφές με πελάτες έτσι; Μέχρι να κάνω scroll down και να δω τι έχεις γράψει, διάβαζα και ξαναδιάβαζα την ερώτηση και προσπαθούσα να καταλάβω τι εννοεί...
Άσε, η ιστορία της ζωής μου :lol:

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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