Μικρό περιθώριο μεταξύ <a><img></a>...

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

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

Απάντηση
JohnL
Δημοσιεύσεις: 95
Εγγραφή: 15 Μάιος 2005 14:04

Μικρό περιθώριο μεταξύ <a><img></a>...

Δημοσίευση από JohnL » 22 Ιαν 2008 13:36

Θέλω κάποιες εικόνες οι οποίες είναι links να βρίσκονται κολλητά μεταξύ τους.

Δυστυχώς αν και δίνω παντού margin:0 και padding:0, παραμένει ένα μικρό περιθώριο μεταξύ τους....

Παράδειγμα:

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

<body>
	<div class="box">
		<a class="x" href="http&#58;//www.1.com/"><img alt="" src="photos/IMG_1.png" /></a>
<a class="x" href="http&#58;//www.2.com/"><img alt="" src="photos/IMG_2.jpg" /></a>
		<a class="x" href="http&#58;//www.3.com/"><img alt="" src="photos/IMG_3.png" /></a>
		<a class="x" href="http&#58;//www.4.com/"><img alt="" src="photos/IMG_4.png" /></a>
		<a class="x" href="http&#58;//www.5.com/"><img alt="" src="photos/IMG_5.png" /></a>
		<a class="x" href="http&#58;//www.6.com/"><img alt="" src="photos/IMG_6.png" /></a>
			
	</div>

</body>

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

.box &#123;
	width&#58; 600px;
	height&#58; 800px;
&#125;
Πώς μπορώ λοιπόν να εξαφανίσω αυτό το κενό?

Τη βοήθειά σας!!!

Υ.Γ. Δε μπορώ να χρησιμοποιήσω float:left, ούτε divs επειδή βρίσκεται μέσα σε script και δε δουλέυει με αυτά...

Άβαταρ μέλους
MegasmorF
Honorary Member
Δημοσιεύσεις: 1154
Εγγραφή: 07 Απρ 2005 20:05
Τοποθεσία: ./Root
Επικοινωνία:

Μικρό περιθώριο μεταξύ <a><img></a>...

Δημοσίευση από MegasmorF » 22 Ιαν 2008 16:13

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

<body> 
   <div class="box"> 
      <a class="x" href="http&#58;//www.1.com/"><img alt="" src="photos/IMG_1.png" /></a><a class="x" href="http&#58;//www.2.com/"><img alt="" src="photos/IMG_2.jpg" /></a><a class="x" href="http&#58;//www.3.com/"><img alt="" src="photos/IMG_3.png" /></a><a class="x" href="http&#58;//www.4.com/"><img alt="" src="photos/IMG_4.png" /></a><a class="x" href="http&#58;//www.5.com/"><img alt="" src="photos/IMG_5.png" /></a><a class="x" href="http&#58;//www.6.com/"><img alt="" src="photos/IMG_6.png" /></a> 
          
   </div> 

</body> 
Για κοίτα αν θα γίνει έτσι
Πες μου τη λέξη σ αγαπώ σε σένα να πιστέψω...και γω μια ολοκληρη ζωή μπορώ να καταστρεψω...

JohnL
Δημοσιεύσεις: 95
Εγγραφή: 15 Μάιος 2005 14:04

Μικρό περιθώριο μεταξύ <a><img></a>...

Δημοσίευση από JohnL » 22 Ιαν 2008 17:00

Ναι, το είδα κι εγώ ότι έτσι δουλεύει, όμως επειδή μιλάμε για δεκάδες εικόνες, θα ήθελα κάπως να μπορώ να τα γράφω γραμμή-γραμμή το κάθε λινκ.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Μικρό περιθώριο μεταξύ <a><img></a>...

Δημοσίευση από skeftomilos » 22 Ιαν 2008 19:33

Τα new-lines θα μπορούσαν να αφαιρεθούν με δυναμικό τρόπο λίγο πριν φύγει το response από τον server, αλλά μοιάζει λίγο υπερβολικό. Θα μπορούσαν να αφαιρεθούν και με JavaScript, αλλά κι αυτό εξίσου υπερβολικό είναι. Οπότε θα πρότεινα να τους βάλεις από ένα float:left και να ξεμπερδεύεις.

JohnL
Δημοσιεύσεις: 95
Εγγραφή: 15 Μάιος 2005 14:04

Μικρό περιθώριο μεταξύ <a><img></a>...

Δημοσίευση από JohnL » 23 Ιαν 2008 02:10

Τα imgs αυτά χρησιμοποιουνται από ένα script, και αν βάλω float:left δε δουλεύει....

Απάντηση

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

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

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