Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 2
Seite [1]
Vodka


Beginner




Beiträge: 5
# Thema - 29.06.2012 um 16:28 Uhr
Hallo liebe Community,

habe das Referenz Modul von Dragon ein bisschen modifiziert und habe nun ein kleines Problem bei der Positionierung der Liste.

Ich zeige es euch am besten mit bilder da ist es leichter zu verstehen.

So sieht es momentan aus:



und so sollte es aussehen:



meine list.tpl:

 
1.
2.
3.
1. / 2. / ... 
 <link rel="stylesheet" type="text/css" href="style.css" />
<
div id="overline">Positioniertischsystem Baukastensystem in 4 Baugrößen</div>{loop:referenz}<div id="bg_produkt"><div id="produkt_pic">{referenz:picture}</div>
                     <
div id="produkt_text">{referenz:referenz_name}</div></div>{stop:referenz}


und meine style.css:

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
1. / 2. / ... 
 @font-face font-family:Century Gothicsrc:url(GOTHIC.TTF), url(GOTHICB.TTF), url(GOTHICBI.TTF), url(GOTHICI.TTF); }
#overline{
    
height:22px;
    
width:592px;
    
background-image:url(images/overline.png);
    
background-repeat:no-repeat;
    
margin-left:auto;
    
margin-right:auto;
    
text-align:center;
    
color:#6e6e6e;
    
font-family:"Century Gothic";
    
font-size:12px;
}

#bg_produkt{
    
position:relative;
    
height:148px;
    
width:148px;
    
background-image:url(images/bg_produkt.png);
    
background-repeat:no-repeat;
    
text-align:center;
    
color:#6e6e6e;
    
padding-top:5px;
}

#produkt_pic{
    
padding-top:5px;
    
height:100px;
    
width:100px;
    
text-align:center;
    
margin-left:auto;
    
margin-right:auto;
}

#produkt_text{
    
padding-top:3px;
    
height:35px;
    
width:120px;
    
text-align:center;
    
font-family:"Century Gothic";
    
font-size:12px;
    
margin-left:auto;
    
margin-right:auto;
}


Also es sollten immer 4 "Referenzen" nebeneinander und dann wieder darunter halt anfangen wenn ihr versteht was ich meine

Wäre super wenn ihr mir helfen könntet

Vielen dank im Vorraus


Gratz Vodka
Inaktiv
ev0lution


Geekboy





Beiträge: 1101
# Antwort: 1 - 29.06.2012 um 17:01 Uhr
versuchsa ma im #product_pic mit float: left;


------------------


Inaktiv
|
Vodka
Thread-Ersteller


Beginner




Beiträge: 5
# Antwort: 2 - 29.06.2012 um 17:40 Uhr
Hmmmm....Darauf hätte ich auch kommen können aber danke war zwar nicht bei #produkt_pic sondern bei #bg_product habe ich float:left; gemacht und schon funktionierts


Inaktiv
|
Antworten: 2
Seite [1]


Sie müssen sich registrieren, um zu antworten.