Επικάλυψη κελιών

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
prezakis
Δημοσιεύσεις: 17
Εγγραφή: 20 Φεβ 2008 19:13

Επικάλυψη κελιών

Δημοσίευση από prezakis » 19 Οκτ 2011 01:18

Καλησπέρα σας,
Μία ερώτηση που ίσως σε πολλούς φανεί πολλύ απλή, αλλά εμένα ως αρχάριο με παιδεύει αρκετή ώρα τώρα.
Στον παρακάτω πίνακα...
<table width="740px" height="420px" border="1">
<tr>
<td rowspan="2" width="50%" height="100%"><img src="images/1.jpg" name="slideshow"></td>
<td width="50%" height="340px"><img src="images2/1.jpg" name="slideshow2"></td>
</tr>
<tr>
<td width="50%" height="80px" >
<div style="position: relative;font: 10px Tahoma"><a style="color:#000000;text-decoration:none" href="http://freemeteo.com"></a></div>
<p class="margin"><script>
cIfrm="18";
gid="899753_20111018_024645";
</script>
<script src="http://www.freemeteo.com/templates/default/HTfeeds.js" type="text/javascript"></script></p>
</td>
</tr>
</table>

θέλω η εικόνα 1.jpg να υπερκαλύπτει το
<td width="50%" height="80px" >
<div style="position: relative;font: 10px Tahoma"><a style="color:#000000;text-decoration:none" href="http://freemeteo.com"></a></div>
<p class="margin"><script>
cIfrm="18";
gid="899753_20111018_024645";
</script>
<script src="http://www.freemeteo.com/templates/default/HTfeeds.js" type="text/javascript"></script></p>
</td>

Προσπάθησα με style="position: absolute..." αλλά μου έβγαζε από τον πίνακα την 1.jpg .

Ευχαριστώ για το χρόνο σας.

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Επικάλυψη κελιών

Δημοσίευση από Kypros Lambrou » 19 Οκτ 2011 13:38

Φίλε τι ακριβώς εννοείς να υπερκαλύπτει το td? Θέλεις να φαίνεται πίσω από το td με τον καιρό ή από πίσω σε στυλ background?

prezakis
Δημοσιεύσεις: 17
Εγγραφή: 20 Φεβ 2008 19:13

Επικάλυψη κελιών

Δημοσίευση από prezakis » 19 Οκτ 2011 16:55

Το κελί που έχει τον καιρό δεν επαρκεί και ο καιρός ξεφεύγει προς το διπλάνο από τα αριστερά κελί(το οποίο έχει φωτογραφίες σε slideshow). Αυτό το κελί θέλω να μην κρίβεται από τον καιρό αλλά αντιθέτως να κρίβει όσο κομμάτι του καιρού μπαίνει στο κελί.

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Επικάλυψη κελιών

Δημοσίευση από Kypros Lambrou » 19 Οκτ 2011 20:43

prezakis έγραψε:Το κελί που έχει τον καιρό δεν επαρκεί και ο καιρός ξεφεύγει προς το διπλάνο από τα αριστερά κελί(το οποίο έχει φωτογραφίες σε slideshow). Αυτό το κελί θέλω να μην κρίβεται από τον καιρό αλλά αντιθέτως να κρίβει όσο κομμάτι του καιρού μπαίνει στο κελί.
Αν μπορείς στείλε ένα screenshot το τι σου βγάζει ακριβώς. Έχεις δοκιμάσει καθόλου το overflow:hidden; αν και πιθανότατα θα κάνει αυτό που θέλεις αλλά δεν είναι η καλύτερη λύση αφού θα σου κόβει μέρος του καιρού.

prezakis
Δημοσιεύσεις: 17
Εγγραφή: 20 Φεβ 2008 19:13

Επικάλυψη κελιών

Δημοσίευση από prezakis » 19 Οκτ 2011 23:03

Δεν με πειράζει να καλυφθεί μέρος του καιρού, ίσα ίσα αυτό θέλω.
Αυτό πρέπει να το δηλώσω στα attributes του td της εικόνας που θέλω να επικαλύψει το κελί του καιρού ή στα attributes του td του καιρού;

prezakis
Δημοσιεύσεις: 17
Εγγραφή: 20 Φεβ 2008 19:13

Επικάλυψη κελιών

Δημοσίευση από prezakis » 19 Οκτ 2011 23:26

ένα print screen για να καταλάβεις πως εμφανίζεται.
Συνημμένα
kelia.png

prezakis
Δημοσιεύσεις: 17
Εγγραφή: 20 Φεβ 2008 19:13

Επικάλυψη κελιών

Δημοσίευση από prezakis » 19 Οκτ 2011 23:29

Το έβαλα έτσι

<td width="50%" height="80px" >
<div style="overflow:hidden;font: 10px Tahoma"><a style="color:#000000;text-decoration:none" href="http://freemeteo.com"></a></div>
<p class="margin"><script>

Αλλά πάλι όπως φαίνεται όπως στην εικόνα που επισύναψα πριν.

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Επικάλυψη κελιών

Δημοσίευση από Kypros Lambrou » 20 Οκτ 2011 02:29

prezakis έγραψε:Το έβαλα έτσι

<td width="50%" height="80px" >
<div style="overflow:hidden;font: 10px Tahoma"><a style="color:#000000;text-decoration:none" href="http://freemeteo.com"></a></div>
<p class="margin"><script>

Αλλά πάλι όπως φαίνεται όπως στην εικόνα που επισύναψα πριν.
Όχι σε αυτό το div αφού αυτό απλά περιέχει ένα link για την σελίδα του gadget που χρησιμοποιείς αλλά δεν φαίνεται αφού δεν το έχεις δώσει στοιχεία μεταξύ των <a> </a> tags.
Αυτό μπορείς να το αφαιρέσεις αφού ουσιαστικά δεν δείχνει κάτι στον browser φτάνει να είσαι σίγουρος ότι ο παροχέας του gadget δεν σε "αναγκάζει" να το έχεις εφόσον χρησιμοποιείς την πρόβλεψη του καιρού από αυτούς.

Δοκίμασε στο container που περιέχει το script για τον καιρό, δηλαδή στο <p class="margin">

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

<p class="margin" style="width&#58;200px; overflow&#58;hidden;">
            <script>
                cIfrm="18";
                gid="899753_20111018_024645";
            </script>
            <script src="http&#58;//www.freemeteo.com/templates/default/HTfeeds.js" type="text/javascript"></script>
        </p>
παίζοντας με το width για να πάρεις κάποιο επιθυμητό αποτέλεσμα.

prezakis
Δημοσιεύσεις: 17
Εγγραφή: 20 Φεβ 2008 19:13

Επικάλυψη κελιών

Δημοσίευση από prezakis » 29 Οκτ 2011 22:26

Kypros Lambrou έγραψε: Δοκίμασε στο container που περιέχει το script για τον καιρό, δηλαδή στο <p class="margin">

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

<p class="margin" style="width&#58;200px; overflow&#58;hidden;">
            <script>
                cIfrm="18";
                gid="899753_20111018_024645";
            </script>
            <script src="http&#58;//www.freemeteo.com/templates/default/HTfeeds.js" type="text/javascript"></script>
        </p>
παίζοντας με το width για να πάρεις κάποιο επιθυμητό αποτέλεσμα.
Καλησπέρα,
Δοκίμασα αυτό που μου είπες αλλά του δώσω το πλάτος style="width:200" τότε χάνεται εντελώς κι αν του δώσω σκέτο το overflow:hidden, τότε πάλι υπερκαλύπτει το δίπλα κελί.

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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