Bild im Hintergrund und darüber was schreiben :P

[philipp1988]

Hi all !
Ich wollte fragen ob man mit grundkentnissen in html auf einem bild was schreiben kann und darauf auch links setzen kann wie auf
http://www.woepke.de/
wo catering, vermietservice,servicepersonal steht.

brauch man dafuer spezielle kentnisse?

mfg phil

 

[Gelöschtes Mitglied 2703]

<div style="background-image:url(bild.jpg)">
Hier is was geschrieben!!!!1111einselfzwoelf
</div>

was sind bitte spezielle kenntnisse? natuerlich musst du html verstanden haben -:)

 

[philipp1988]

ich dachte man muss erstmal bilder slicen coden ach ka ^^

 

[hobbyuser]

Auf der oben angeführten Seite arbeiten die mit 2 Bildern die übereinander liegen. Das hat Vorteile auch wenn man Bilder die nur Schrift beinhalten verflucht.

Wenn du es so machst wie niklasboelter es hier aufgeführt hat, dann kann es beim vergrößern der Schrift richtig mies aussehen, weil die Hintergrundgrafik nicht mit wächst. Da heißt die Schrift läuft aus dem Hintergrundbild raus oder das Bild wird 1 1/2 mal angezeigt, was das Design meistens auch nicht verbessert. :lol:

Gruß
Hobbyuser

 

[philipp1988]

also ist das nicht die beste varriante??
gibs eine andere?

 

[hobbyuser]

also ist das nicht die beste varriante??
gibs eine andere?

Es gibt nicht die beste Varriante. Jede Methode hat ihre Vor- und Nachteile. Bei der Beispielseite oben, geht der Hovereffekt verloren sobald JavaScript deaktiviert wird.

Möglichkeiten:
- 1 Bild mit Alternativtext ohne Hovereffekt
- 2 Bilder die als Hintergrund laufen mit Hover über CSS (Mangel: fehlender Alternativtext, ohne geladene Grafik keine Navi)
- 2 Bilder die über JavaScript hovern.
- 3 Bilder 1x nur TEXT 2x Hintergrundbilder die über CSS hovern
- 1 Bild und darüber Text
- 2 Bilder im Hintergrund die in Breite oder Höhe wachsen könne (verschachtelt) mit Text darüber

Man könnte die Liste bestimmt noch fortführen, such dir selber aus welches die Beste ist. ;)

Gruß
Hobbyuser

PS: Es geht auch ganz ohne Grafiken. :lol: