+ Antworten
Ergebnis 1 bis 3 von 3

Thema: bild und text nebeneinander

  1. #1
    TP-Member ExBoNd macht alles soweit korrekt Avatar von ExBoNd
    Registriert seit
    Oct 2003
    Ort
    Ort: Ort:
    Beiträge
    55

    bild und text nebeneinander

    folgendes problem: header meiner seite mit anklickbarem logo links und hotlinks (text) rechts (bottom ausgerichtet).

    bei verkleinerung der seite sollte sich die höhe nicht ändern und der text sichtbar über das bild wandern.

    meine derzeitige lösung ist sicher nicht die optimalste:

    css:
    PHP-Code:
    #top {
        
    text-alignright;
        
    padding0px 10px 0px 0px;
        
    background-color#333333;
        
    height70px;
        
    z-index1; }

    #logo {
        
    positionabsolute;
        
    z-index2;
        
    margin5px 5px 5px 5px; }
    #logo[id] {
        
    margin10px 10px 10px 10px; } 
    html:
    Code:
    <div id="logo">
      <a href="index.html"><img src="pics/logo.gif" alt="Logo" name="Logo" width="468" height="60" border="0" id="Logo" /></a>
      </div>
    
    <div id="top"><br /><br /><br />
      <a href="#">Text</a> | <a href="#">Text</a> | <a href="#">Text</a> 
      </div>
    danke euch schonmal...

  2. #2
    TP-Insider LANtastic ist auf einem guten Weg
    Registriert seit
    Dec 2001
    Ort
    einem Dorf unweit der längsten Theke der Welt
    Beiträge
    549
    Hmmm, so verstehe ich das nicht.

    Also wenn der Bildschirm verkleiner wird, soll der Text das Bild überdecken, richtig ? Soweit ich das verstanden habe, lässt sich diese Überlappung mit relativen Angaben im Bereich margin/padding erreichen.

    Da CSS nicht abfragen kann, wie groß das Browser Fenster ist, musst du mit relativen Angaben (% und em) arbeiten. Du verwendest ja für alle Angaben px.

    Beispiel :

    Ist der Bildschirm z.B. 1024 x 768 groß, sind 10% entsprechend 102 x 76 Pixel. Ist die Grafik dann z.B. genau 102x76 Pixel groß, dann wird das Bild bei dieser Auflösung nicht überlappt. Bei einer kleineren Auflösung würde dann der Text über das Bild laufen.

    Sollte ich dich jetzt vollkommen falsch verstanden haben :
    Hast du vielleicht mal eine URL ?
    Wenn Du denkst Du denkst, denkst Du nur Du denkst, denn das denken von Gedanken ist gedankenloses Denken.
    Wer braucht schon JavaScript ?

  3. #3
    TP-Member ExBoNd macht alles soweit korrekt Avatar von ExBoNd
    Registriert seit
    Oct 2003
    Ort
    Ort: Ort:
    Beiträge
    55
    hier ansehen


    mein problem ist: ich habe den text jetzt mit <br> bottom ausgerichtet. kann nicht optimal sein.

    die links müssen nicht über das logo wandern. es sollte aber kein zeilenumbruch (text wandert unter logo) passieren.

    danke...

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51