Matthias Apsel: Layout

Beitrag lesen

Om nah hoo pez nyeetz, Mike!

Ziel soll es sein, dass das Bild links oben 20% der Seitenbreite ist und daneben die Schrift noch 80%... Beides soll ein Link sein... Also gewissermassen links ein Logo und Rechts die passende Schrift...

Ich bau mal ein wenig um:

Also gewissermassen links ein Logo und Rechts die passende Schrift...

Ja, dann mach das doch.

<img src="" alt=""> die passende Schrift  

Beides soll ein Link sein...

Ja, dann mach das doch.

<a id="logo" href=""><img src="" alt=""> die passende Schrift</a>  

Ziel soll es sein, dass das Bild links oben 20% der Seitenbreite ist und daneben die Schrift noch 80%...

Jetzt wird es spannend. Soll sich die Schrift tatsächlich auf den ganzen Rest ausdehnen? Ich denke, nein. Wenn doch, soll der Abstand zwischen den Buchstaben größer werden, die Buchstaben breiter oder der Text insgesamt größer?

#logo {  
  display: block; /* Damit wird er so breit wie sein Elternelement */  
}  
#logo img {  
  width: 20%;  
}

Zum schön Aussehen suchst du jetzt noch möglicherweise vertical-align.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Mark und Markise.