[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

[OT] CSS, - Ich kriegs nicht gebacken...

Hallo CSS-Experten,

Eine Webseite ohne Tabellen ist definitiv Horror, speziell mit CSS...

Also ich habe einen SEHR LANGEN Text und ein paar Bilder in einer 
"index.html" sowie eine "styles.css".

Wegen des Hintergundbildes habe ich meine Konterfei mit CSS so plaziert:

#michelle{  position:absolute;
            top:100px;
            left:130px;
}

was auch anständig funktioniert.  Nun wollte ich daneben meinen
"Welcome" banner:

                    Willkommen auf
                Michelles Foo Bar Seite

    Webpage copyrighted by Michelle Konzack 2007/08

in einen Block plazieren nur das geht irgendwie nicht.

Frage 1: Wie kann ich diesen Welcome-Banner als Block definieren damit 
         er immer (in sich selber) zentriert ist, egal wie ein 
         Webseitenbesucher den Font vergrößert oder verkleinert?

Ich stelle mir sowas wie:

#wblock{    position:absolute;
            top:100px;
            left:370px;
}

#welcome1{  font-family:helvetica,Arial;
            font-style:italic;
            font-size:30px;
            font-weight:bolder;
            text-decoration:none;
            color:darkgreen;
}

#welcome2{  font-family:helvetica,Arial;
            font-style:italic;
            font-size:30px;
            font-weight:bolder;
            text-decoration:none;
            color:darkgreen;
}

#copyright{ font-family:helvetica,Arial;
            font-style:italic;
            font-size:16px;
            font-weight:normal;
            text-decoration:none;
            color:darkgreen;
}

vor, was allerdings nicht funktioniert...  Die drei Zeilen werden aber 
in den richtigen Styles angezeigt.

So, nun unterhalb meines Konterfeis soll nun der Seiten-Titel stehen
was ebenfals funktioniert.  25 pixel darunter beginnt der Text (28kB)
in den Bilder eingefügt werden sollen... wobei die Position innerhalb 
des Textes egal ist...

Sollte dann in etwa so aussehen:

EIN TITEL

text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text +-----------------+ text text text 
text text text text text text text |                 | text text text 
text text text text text text text |                 | text text text 
text text text text text text text |                 | text text text 
text text text text text text text |                 | text text text 
text text text text text text text |                 | text text text 
text text text text text text text |                 | text text text 
text text text text text text text |                 | text text text 
text text text text text text text |                 | text text text 
text text text text text text text +-----------------+ text text text 
text text text text text text text     Abbildung 1     text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text +----------------------+ text text text text text text 
text text text |                      | text text text text text text 
text text text |                      | text text text text text text 
text text text |                      | text text text text text text 
text text text |                      | text text text text text text 
text text text |                      | text text text text text text 
text text text +----------------------+ text text text text text text 
text text text       Abbildung 2        text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 

Wobei der Textfluß von links nach rechts geht und wenn er auf ein 
Bild stößt, erst auf der LINKEN Seite von oben nach unten geht 
und dann (an der unteren Kannte des Bildes angekommen) auf der RECHTEN 
Seite weitermacht bis an der unteren Kannte des Bildes angekommen, um 
dann ganz normal wieder in der nächsten Zeile UNTERHALB des Bildes 
wieder bei Links anzufangen.

Dazu sei gesagt, das der Text mit 

#text{      position:absolute;
            top:430px;
            left:40px;
            right:40px;
            font-family:Times;
            font-style:italic;
            font-size:18px;
            font-weight:normal;
            text-decoration:none;
            color:black;
            text-align:justify;
}

formatiert ist.

Frage 2: Wie kann ich die Bilder positionieren und vom Text umherfließen 
         lassen, das es auch bei ändern der Font-Größe noch funktioniert?


Thanks, Greetings and nice Day
    Michelle Konzack


-- 
Linux-User #280138 with the Linux Counter, http://counter.li.org/
##################### Debian GNU/Linux Consultant #####################
Michelle Konzack   Apt. 917                  ICQ #328449886
                   50, rue de Soultz         MSN LinuxMichi
0033/6/61925193    67100 Strasbourg/France   IRC #Debian (irc.icq.com)

Attachment: signature.pgp
Description: Digital signature

Reply to: