Guten Tag,
ich verwende den easySlider und möchte gerne hierfür Bild und Text nebeneinander darstellen.
Dies klappt bisher nur im Firefox.
Alle anderen Browser zeigen den Text rechts nicht.
http://lundf.cwe24.com/index.php?article_id=14
Hat jemand eine Idee was ich hier falsch mache oder gibt es evtl. eine bessere Lösung.
Über Hilfe freue ich mich.
Gruß
Christoph
easySlider mit Text und Bild
5 Beiträge
• Seite 1 von 1
easySlider mit Text und Bild
von cwenet » 17. Aug 2011, 19:32
- cwenet
- Beiträge: 355
- Registriert: 16. Feb 2006, 09:13
- Wohnort: Lake Of Constance
Re: easySlider mit Text und Bild
von Ingo » 17. Aug 2011, 21:33
- verpasse der Seite einen doctype und einen charset, z. B.
- sorge immer für validen quelltext: validator (macht die fehlersuche einfacher und die browserdarstellung konsistenter)
- positioniere die inneren Elemente absolut anstatt sie floaten zu lassen. nicht vergessen, dass das <li> "position: relative;" braucht, um andere Elemente darin positionieren zu können.
- Code: Alles auswählen
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
- sorge immer für validen quelltext: validator (macht die fehlersuche einfacher und die browserdarstellung konsistenter)
- positioniere die inneren Elemente absolut anstatt sie floaten zu lassen. nicht vergessen, dass das <li> "position: relative;" braucht, um andere Elemente darin positionieren zu können.
- Ingo
- Beiträge: 290
- Registriert: 23. Jun 2010, 23:34
Re: easySlider mit Text und Bild
von cwenet » 18. Aug 2011, 06:43
Lieben Dank Ingo,
nun ist es fehlerfrei und es klappt fast.
Jetzt fehlt mir dir vertikale Ausrichtung. Es "klebt" alles oben.
Deinen letzten Punkt habe ich nicht verstanden.
Kannst Du mir bitte konkret zeigen, wie das riuchtig aussehen muss.?
Wie bekomme ich das Ganze wieder vertikal zentriert.
Danke und Grüße
Christoph
nun ist es fehlerfrei und es klappt fast.
Jetzt fehlt mir dir vertikale Ausrichtung. Es "klebt" alles oben.
Deinen letzten Punkt habe ich nicht verstanden.
Kannst Du mir bitte konkret zeigen, wie das riuchtig aussehen muss.?
Wie bekomme ich das Ganze wieder vertikal zentriert.
Danke und Grüße
Christoph
- cwenet
- Beiträge: 355
- Registriert: 16. Feb 2006, 09:13
- Wohnort: Lake Of Constance
Re: easySlider mit Text und Bild
von Ingo » 18. Aug 2011, 09:05
Zu position:absolute; gehören immer noch zwei werte, die die position des elements in relation zu seinem Elternelement angeben. Dein Bild zB:
Dein Logo zB:
Deine Überschrift zB:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
- Code: Alles auswählen
position: absolute;
top: 0px;
left: 0px;
Dein Logo zB:
- Code: Alles auswählen
position: absolute;
top: 0px;
left: soundovielpx; // hälfte des gesamtbreite - hälfte der elementbreite
Deine Überschrift zB:
- Code: Alles auswählen
position: absolute;
top:soundoviepx; // abstand zur linken kante vom <li>
left: soundovielpx; // abstand zur linken kante vom <li>
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
- Ingo
- Beiträge: 290
- Registriert: 23. Jun 2010, 23:34
Re: easySlider mit Text und Bild
von cwenet » 20. Aug 2011, 07:31
Vielen Dank Ingo,
für die ausführliche Erklärung und Mühe.
Schöne Grüße
Christoph
für die ausführliche Erklärung und Mühe.
Schöne Grüße
Christoph
- cwenet
- Beiträge: 355
- Registriert: 16. Feb 2006, 09:13
- Wohnort: Lake Of Constance
5 Beiträge
• Seite 1 von 1
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast
