:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Antworten: 5

Seite [1]

.sN!cKaZ

Wannabe poster

Herkunft: Muddastadt
Beiträge: 24

# Thema - 23.04.2010 um 14:34 Uhr

Hallo Community,

Ich habe folgendes Problem: Ich möchte die News Nebeneinander in div#containern floaten lassen ...

Ich habe den Container float:left und denn bei einer gesamtbreite von 580px 180px gegeben aber die gehen einfach nicht sauber nebeneinander, hab dort immer wie eine Treppe die Anzeige.

recent.tpl

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

1. / 2. / ...

{loop:news}

<br />

<div class="recent">
{if:catimg}<img src="{page:path}{news:url_catimg}" alt="" /> {stop:catimg}<br />
    {news:news_readmore}<br />
    {news:news_text}<br />
    {if:readmore}<a href="/index/news/view/id/{news/news_id}">...mehr</a>{stop:readmore}
    </div>
{if:show}
{stop:show}

{stop:news}

Inaktiv

ven0m

Going for pro

Herkunft: Essen
Beiträge: 406

# Antwort: 1 - 23.04.2010 um 14:36 Uhr

auf dem bild schaut es aber richtig aus.
ein link zu deiner seite wäre noch hilfreich um den "fehler" zu finden

------------------
Gruß
ven0m

Inaktiv

.sN!cKaZ
Thread-Ersteller

Wannabe poster

Herkunft: Muddastadt
Beiträge: 24

# Antwort: 2 - 23.04.2010 um 14:40 Uhr

Hallo Venom,

ja sry öhm so soll es quassi aussehen ...

Zuletzt editiert von .sN!cKaZ am 23.04.2010 um 14:53 Uhr (1x Editiert)

Inaktiv

ven0m

Going for pro

Herkunft: Essen
Beiträge: 406

# Antwort: 3 - 23.04.2010 um 14:45 Uhr

wenn ich das richtig sehe, nutzt für die news ausgabe die css class "recent" mit folgenden attributen:

1.
2.
3.
4.
5.
6.

1. / 2. / ...

padding:0;
margin-right:2px;
width:180px;
height:300px;
float:left;
border: 1px solid #CCC;

ich weiß nicht in wie weit sich das mit dein von dir gesetzten angaben im tpl file überschneidet.

dort hast du zum einen die class eingebunden und zusätzlich noch ne breite definiert.

versuch mal bitte die breiten angabe in der tpl datei wegzulassen und schau was dann passiert

**Edit**

omg bin ich blöd... hab grad nochmal den quellcode genauer angeschaut...

öffne mal bitte die recent.tpl und entferne nach dem </div> das <br /> und auch innerhalb des div's kannste das <br /> auch entfernen, zumindest vor dem image

dann sollte der "treppen effekt" eigentlich verschwinden

------------------
Gruß
ven0m

Zuletzt editiert von ven0m am 23.04.2010 um 14:50 Uhr (3x Editiert)

Inaktiv

.sN!cKaZ
Thread-Ersteller

Wannabe poster

Herkunft: Muddastadt
Beiträge: 24

# Antwort: 4 - 23.04.2010 um 14:51 Uhr

ahhhhhhhhhhhhh wunderbar