Προς το περιεχόμενο

Εικόνα στο bottom ενός πίνακα

Uberalles_gr

Από τον Uberalles_gr
στο Web Design - Development

Προτεινόμενες αναρτήσεις

Uberalles_gr Grand Master

Uberalles_gr

Δημοσ.
Δημοσ.

Καλημέρα παιδιά.

 

Έχω έναν πίνακα με 2 στήλες.

 

Στην 1η στήλη έχω μία εικόνα και στην 2η στήλη έχω κείμενο το οποίο αυξομειώνεται, επομένως δεν έχουμε σταθερό ύψος !

 

Και θέλω στην 1η στήλη η εικόνα να είναι ΠΑΝΤΑ στο bottοm..

 

Το πρόβλημα είναι στο ΙΕ όπου δεν πάει με την καμία στο bottom.

 

Το πρόβλημα λύνεται εάν δεν έχω doctype στην σελίδα με το valign="bottom" ή style="vertical-align:bottom", αλλά με doctype δεν δουλεύει...και εγώ θέλω doctype να έχει η σελίδα..

 

Ιδέες?

needSleep Proficient

needSleep

Δημοσ.
Δημοσ.

Εμένα πάντως έτσι παίζει μια χαρά:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>

 

<body>

 

<table>

<tr>

<td valign="bottom">

<img src="something.jpg" />

</td>

<td>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</td>

</tr>

</table>

</body>

</html>

 

Μήπως εννοεις κάτι άλλο?

Uberalles_gr Grand Master

Uberalles_gr

Δημοσ.
  • Μέλος
Δημοσ.

Στο συγκεκριμένο παράδειγμα για δώσε καμία ιδέα...

 

>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<table>
<tr>
   	<td valign="top">
       	<table>
           	<tr>
               	<td valign="top">Text</td>
             	</tr>
               <tr>
               	<td valign="bottom">IMAGE</td>
              	</tr>
           </table>
      	</td>
      	<td>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum<br><br>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum</td>
 	</tr>
</table>
</body>
</html>

 

Θέλω το text να είναι στην κορυφή του κελιού και το Image στο bottom

macabre_sunsets Experienced

macabre_sunsets

Δημοσ.
Δημοσ.

Για δοκίμασε το ακόλουθο :

><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<table border="1">
<tr>
   	<td valign="top">
       	text
      	</td>
      	<td rowspan="2">Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum<br><br>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum</td>
 	</tr>
<tr>
	<td valign="bottom">image</td>
</tr>
</table>
</body>
</html>

Αρχειοθετημένο

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

Προς την λίστα θεμάτων
  • Δημιουργία νέου...