Tanelorn.net

Medien & Phantastik => Multimedia => Thema gestartet von: Urias am 20.05.2005 | 18:44

Titel: Kurze Css-Technische Frage
Beitrag von: Urias am 20.05.2005 | 18:44
Hi Leute!
Habe mal ne kurze Frage an die die sich mit Css oder html auskennen. Uuuuuuuund zwar:
Ich bin gerade dabei für die Schule ne Homepage zu bauen (Mediendesignschule wo die Page 30% der Note ausmacht). Jedenfalls habe ich das Problem dass ich versuche zwei Elemente (ein Bild und ein Textcontainer) übereinander zu stellen, sodass der Textcontainer über dem Bild ist.
Weiß jemand wie ich das machen kann???
Danke,
Raziel
Titel: Re: Kurze Css-Technische Frage
Beitrag von: Crujach am 20.05.2005 | 18:48
Textcontainer.... Ist das ein <div></div> feld? Oder ist das ein Eingabefeld wo jemand etwas eintragen kann?
ersteres würd ich durch eine Tabelle mit Hintergrundbild lösen, letzteres öhm... genau so?

<table border="1" style="background-color:#FFFF00">
<tr style="background-color:#FF00FF">
  <td height="100">Licht</td>
  <td>Himmel</td>
  <td style="background-image:url(background.jpg)">Leben</td>
 </tr>
</table>

ohne CSS ist das ganze kein html-standard mehr ::) würde aber bestimmt auch irgendwie gehen....
Titel: Re: Kurze Css-Technische Frage
Beitrag von: Urias am 20.05.2005 | 19:33
Hmh danke werds mal probieren... hätte aber alternativ auch noch ne andere möglichkeit.
Peace,
Raziel
Titel: Re: Kurze Css-Technische Frage
Beitrag von: Andreas am 20.05.2005 | 20:00
Naja, mit CSS ist es im ersten Lernschritt etwas komplizierter.

Du definierst zwei Container, und gibst Ihnen mit den Position Tags die selbe Position.

Anschliessend Wird das Bild mit:
z-index:1;
und der Text mit:
z-index:2;
versehen.
Das bedeutet, das der Textcontainer AUF dem Bild liegt.

Kannst du dir hier:
http://css4you.de anschauen
oder unter:
http://css-technik.de

Allerdings finde ich Crujachs Idee ausreichend.
Titel: Re: Kurze Css-Technische Frage
Beitrag von: Urias am 20.05.2005 | 23:54
das z-index ding hatte ich auch schon probiert, dazu muss man aber auch position:absolute eingeben was unvorteilhaft ist wenn man eine seite für verschiedene auflösungen machen will...
hab jetzt beschlossen ein bisschen java reinzutun um mir das zu ersparen
peace,
Raziel
Titel: Re: Kurze Css-Technische Frage
Beitrag von: Andreas am 21.05.2005 | 07:04
Hmm, Java ist auch möglich, wenn auch imme runschön.

Was ist schlimm an den position Tags?
Kannst ja statt px die Angaben in % machen.
Und mit Java musst du auch irgendwie die Position angeben, oder?
Titel: Re: Kurze Css-Technische Frage
Beitrag von: Catweazle am 21.05.2005 | 08:55
Öhm ... Java ist mit Kanonen auf Spatzen schießen. Dem User zumuten, dass er einen Client installieren muss nur weil position:absolute nicht gefällt? Hmmm. Finde ich kontraproduktiv. Ich habe mit Position: absolute schon wunderschöne Tooltipps gesehen. Das fand ich nicht kompliziert und sah auf IE wie FF gleich schön aus.
Titel: Re: Kurze Css-Technische Frage
Beitrag von: Urias am 21.05.2005 | 11:49
Naja eigentlich hat Dailor recht...
Mit Javascript habich halt jetzt den Link so gemacht dass sich das Browserfenster der Seite dann auf die größe 535x535 verkleinert. Aber das sieht auch nich wirklich toll aus...
Naja muss noch ein wenig probieren.
Peace!