Ergebnis 1 bis 3 von 3

Thema: 2 Texte nebeneinander (einer rechts der andere Links, CSS)

  1. #1
    Blizzi92
    Gast

    Standard 2 Texte nebeneinander (einer rechts der andere Links, CSS)

    Hi.

    Ich wollte auf einer HP mit Hilfe von CSS ,HTML und DIVS 2 Texte Nebeneinander stehen haben.

    Ich erkläre euch mal dein Aufbau


    <div>Bild 1..........................................<div>an deres Bild2</div></div>

    Nun soll daunter noch text.

    HIER SOLL TEXT 1 STEHEN (unter Bild 1 )..................HIER TEXT 2...


    Wie krieg ich das hin?
    Die größen kann ich selber noch umstellen (xx px von Rand entfernt usw.) nur wisst ihr wie ich das am geschicktesten hinkriege?

    Eigentlich brauche ich ja 4 divs in 1 großen oder?


    MfG
    Kevin
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich hab das bei mir so gelöst:
    Du definierst für die Bilder eine Klasse, abhängig von deren Breite. In folgendem Beispiel für ein Bild mit 200px Breite, die übrigen Werte kannst du ja deinen Bedürfnissen anpassen:
    Code:
    dl.img200
    &#123;
    width&#58;200px;
    margin&#58;0;
    padding-left&#58;2px;
    font-size&#58;0.8em;
    line-height&#58;1.3em;
    font-weight&#58;600;
    float&#58;left;
    padding-top&#58;4px;
    padding-bottom&#58;3px;
    padding-right&#58;6px;
    &#125;
    Als zugehörigen HTML-Code verwende ich dann folgenden:
    Code:
    <dl class="img200">
    <dt>[img]../bilder/bild1.JPG[/img]</dt>
    <dt>Hier kommt der Bilduntertext hin</dt>
    </dl>
    Viel Erfolg!

  3. #3
    blizzi92
    Gast

    Standard

    Zitat Zitat von sejuma
    Ich hab das bei mir so gelöst:
    Du definierst für die Bilder eine Klasse, abhängig von deren Breite. In folgendem Beispiel für ein Bild mit 200px Breite, die übrigen Werte kannst du ja deinen Bedürfnissen anpassen:
    Code:
    dl.img200
    &#123;
    width&#58;200px;
    margin&#58;0;
    padding-left&#58;2px;
    font-size&#58;0.8em;
    line-height&#58;1.3em;
    font-weight&#58;600;
    float&#58;left;
    padding-top&#58;4px;
    padding-bottom&#58;3px;
    padding-right&#58;6px;
    &#125;
    Als zugehörigen HTML-Code verwende ich dann folgenden:
    Code:
    <dl class="img200">
    <dt>[img]../bilder/bild1.JPG[/img]</dt>
    <dt>Hier kommt der Bilduntertext hin</dt>
    </dl>
    Viel Erfolg!
    DANKE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    ^^
    Danke vielmals

Ähnliche Themen

  1. Seiten mit einem Rand links und rechts bzw. nur rechts
    Von Malcolm X im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 24.08.2007, 00:19
  2. <h4> links und <div> rechts in einer Zeile
    Von michi2 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.08.2006, 14:02
  3. links und rechts text
    Von viper3000 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 18.06.2005, 01:08
  4. bilder links und rechts
    Von viper3000 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.06.2005, 17:55
  5. Rahmen rechts und links
    Von Ltd.Lymes im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 27.08.2004, 17:58

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •