Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Formatierungsproblem?“

Smax

Aktives Mitglied

Hallo,

so jetzt habe ich noch ein Problem für das ich nicht mal weiß ob es eine Lösung dafür gibt... Und zwar hab ich hier ein paar Links auf der Seite... Kräuter, Sammelzeit, Wilde Genüsse, Wildkräuter, Wanderungen, wandern und Gourmettipps aus dem Bayerischen Wald, Bayerwald, Hotel Bärnriegel - Links

Mal ist der Text kürzer als die Höhe des Bildes und mal umgekehrt... sieht jetzt mit dem grauen Hintergrund bei dem Text ein wenig komisch aus wenn das Bild eine größere Höhe als die Box in der der Text ist hat...

Besser wäre es doch so wie ich das hier mal grafisch gemacht habe...



Nur wie bekomme ich das hin?
 

kleeaar

zwo-eins-risiko!

AW: Formatierungsproblem?

machs doch so...
Code:
CSS:
.cont{
height:200px;
background-color: rgb(223, 223, 223);
width:100%;
}

html:
[B] <div class="cont">[/B]<div><img src="links.php-Dateien/landhotel_baernriegel.jpg" ></div></a>
<div style="padding: 5px; width: 375px; float: right; background-color: rgb(223, 223, 223);"><a href="http://www.landhotel-baernriegel.de/">Landhotel Bärnriegel in Finsterau</a><br>
Das Hotel bietet einen kleinen aber sehr feinen Wellnessbereich,
traditionelle Küche......<br>
<em>Wir freuen uns auf Sie Ihre Familie Schuster</em></div>[B]<div>[/B]
dann geht der graue Balken halt ganz durch, ist aber genau so hoch wies Bild.


grüße
 

Smax

Aktives Mitglied

AW: Formatierungsproblem?

Aber verhindere ich damit auch, dass wenn der Text höher ist als die Höhe des Bildes nicht unterm Bild das grau zum vorschein kommt? :)
 
N

Neigruschka

Guest

AW: Formatierungsproblem?

und wenn du für das bild und für den text jeweils ein Container erstellst? dann mit float arbeiten und in ein gemeinsames container packen, wie schon kleeaar geschrieben hat.

dann in CSS:
Code:
.cont
{
  width:100%;
  height:auto;
  background-color:#ffffff;
}
.bild
{
  float:left;
  width:200px;
  height:auto;
}
.text
{
  float:right;
  width:370px;
  height:auto;
  padding:5px;
  background-color:rgb(223,223,223);
}

in der HTML-Datei dann
Code:
<div class="cont">
  <div class="bild">
     <img src="links.php-Dateien/landhotel_baernriegel.jpg" >
  </div>
  <div class="text">
      <a href="http://www.landhotel-baernriegel.de/">
       Landhotel Bärnriegel in Finsterau</a><br>
       Das Hotel bietet einen kleinen aber sehr feinen Wellnessbereich,
       traditionelle Küche......<br>
       <em>Wir freuen uns auf Sie Ihre Familie Schuster</em>
  </div>
</div>

habe jetzt nicht ausprobiert, ob es geht, aber theoretisch soll ja so sein.
 
N

Neigruschka

Guest

AW: Formatierungsproblem?

habe gerade gemerkt, dass es doch nicht richtig ist, was ich geschrieben habe, aber mit ein paar änderungen funktioniert es doch - habe sogar ausprobiert :)

in der CSS:
Code:
.cont
{
  width:580px;
  height:auto;
  background-color:rgb(223,223,223);
}
.bild
{
  float:left;
  width:200px;
  height:auto;
  background-color:#ffffff;
}
.text
{
  float:right;
  width:370px;
  height:auto;
  padding:5px;
  background-color:rgb(223,223,223);
}

in HTML:
Code:
[COLOR=red]<div class="cont">
[/COLOR]  [COLOR=blue]<div class="bild">[/COLOR]
     <img src="" >
  [COLOR=blue]</div>
[/COLOR]  [COLOR=lime]<div class="text">[/COLOR]
      <a href="[url=http://www.landhotel-baernriegel.de/]Landhotel Bärnriegel Urlaub in Finsterau Bayern, Bayerischer Wald am Nationalpark Bayrischer Wald, Kräuter sammeln, Sammelzeit[/url]">
       Landhotel Bärnriegel in Finsterau</a><br>
       Das Hotel bietet einen kleinen aber sehr feinen Wellnessbereich,
       traditionelle Küche......<br>
       <em>Wir freuen uns auf Sie Ihre Familie Schuster</em>
  [COLOR=lime]</div>[/COLOR]
  [B]<p style="clear:both;width:100%;height:1px;background-color:#ffffff;margin:0;padding:0;"></p>
[/B][COLOR=red]</div>[/COLOR]
den letzen Absatz (<p>) jedes mal einfügen.
 

Smax

Aktives Mitglied

AW: Formatierungsproblem?

@Neigruschak:

Also erst mal Danke für deine tolle Hilfe hier...
Was ich vergessen habe zu sagen ist, dass ich die Seite ja mit einem CMS verwalte... gehen deine Änderungen dann auch? Denn ich müsste die ja global im BAckend machen und dann müsste das für jeden Link den ich im Backend hinzufüge klappen oder?
 
N

Neigruschka

Guest

AW: Formatierungsproblem?

Ich kenn mich leider mit CMS nicht so gut aus.
Aber du muss ja irgendwo dein Code für die Formatierungen eingeben, oder nicht? Dann müsste es ja eigentlich gehen
Sonst müssen hier die anderen helfen, díe sich mit CMS auskennen
 

stb_87

Web-Sheriff - ohne Bild

AW: Formatierungsproblem?

Ich gehe mal davon aus, dass die Links dynamisch generiert werden.

Füge diese Änderungen in dem Modul ein, das die Links generiert und den CSS in die globale CSS-Datei und die Sache hat sich erledigt ;)
 

Smax

Aktives Mitglied

AW: Formatierungsproblem?

@Neigruschka:

Hallo,

hab jetzt deinen Vorschlag mal in die Tat umgesetzt und siehe da es passt bei fasst allen Links nur für die Links wo bei denen der Text mehr (höher) als das Bild ist passt es wieder nicht und sieht eher schlechter aus oder?
Was meint ihr/du?
 
N

Neigruschka

Guest

AW: Formatierungsproblem?

hallo, Smax,
ja, du hast recht - es sieht dann doch nicht so schön aus - den Fall habe ich gar nicht vorher berücksichtigt.
also mir fällt hierfür nur die Lösung mit einem Hintergrundbild für den .cont-Div. Du arbeitest ja mit festen Breiten, so kannst Du eine Grafik erstellen - Größe z.B. 580px breit und 5px hoch. Die linke Seite - 200px - ist weiss, die rechte dann entsprechend deiner Wunschfarbe. Und dann im Code die Hintergrundgrafik ergänzen und in y-Richtung wiederholen lassen.

sonst fällt mir keine andere Lösung ein
 

Smax

Aktives Mitglied

AW: Formatierungsproblem?

Hallo Neigruschka,

ok dann werde ich das auch nochmal probieren, aber erst morgen oder am Montag, meld mich dann aber auf jeden Fall nochmal ob es geklappt hat, eins muss ich schon jetzt sagen, auf die Idee das mit Background zu machen bin ich nicht mal gekommen... d.h. wieder was gelernt, danke!
 
N

Neigruschka

Guest

AW: Formatierungsproblem?

Hallo, Smax,
es funktioniert aber wirkllich nur, wenn du mit fixen Größen arbeitest.
Viel spaß beim Ausprobieren - ich hoffe, es klappt, sonst müssen wir eine andere Lösung suchen, aber mir fällt im Moment nichts anderes ein.
 

Smax

Aktives Mitglied

AW: Formatierungsproblem?

Hm ok dann werd ich das nochmal probieren und mein Ergebnis dann hier posten... Danke für deine tolle Unterstützung... :)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben