Antworten: 6
Seite [1] |
 Ansager
Going for pro
Beiträge: 413
|
# Thema - 21.10.2008 um 19:52 Uhr
hi, ich bekomme es einfach nicht hin ich möchte auf meiner page
www.ftownstreetlife.de links noch eine div tabelle einfügen wo ich eventsnavlist usw machen
rechts ging das da hab ich ich einfach folgendes ganz unten rangeklatscht:
1.
2.
| 1. / 2. / ...
<?php <div style="float:left; width:200px; color:#2E2E26; "><iframe src="http://www.ftownstreetlife.de/stats/index.php" width="200" height="1000" scrolling=" " frameborder="0" ></iframe></div>
</div> ?> |
nun möchte ich links noch eine nur egal wo ich sie hinsetze es geht nicht alles verzieht sich
hier is mein code:
klick  
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.
| 1. / 2. / ...
<?php <body>
<div id="cont">
<div id="container">
<div id="header"></div>
<div id="nav_left_spacer"></div>
<div id="nav_top">
<div id="nav_top_1">
<a href="?mod=events" onmouseout="document.images['example1'].src=img1.src" onmouseover="document.images['example1'].src=img2.src"><img src="img/nav_top/button_events.jpg" width="140" name="example1" height="19" alt="" /></a><a href="?mod=users&action=list&sort=5" onmouseout="document.images['example2'].src=img3.src" onmouseover="document.images['example2'].src=img4.src"><img src="img/nav_top/button_members.jpg" width="140" name="example2" height="19" alt="" style="margin-left:2px;" /></a><a href="?mod=board" onmouseout="document.images['example3'].src=img5.src" onmouseover="document.images['example3'].src=img6.src"><img src="img/nav_top/button_forum.jpg" width="140" height="19" name="example3" alt="" style="margin-left:2px;" /></a><a href="?mod=static&action=view&id=1" onmouseout="document.images['example4'].src=img7.src" onmouseover="document.images['example4'].src=img8.src"><img src="img/nav_top/button_radio.jpg" width="140" height="19" name="example4" alt="" style="margin-left:2px;" /></a></div>
<div id="nav_top_2"><a href="?mod=news&action=recent" onmouseout="document.images['example5'].src=img9.src" onmouseover="document.images['example5'].src=img10.src"><img src="img/nav_top/button_news.jpg" width="140" height="19" name="example5" alt="" /></a><a href="?mod=gbook" onmouseout="document.images['example6'].src=img11.src" onmouseover="document.images['example6'].src=img12.src"><img src="img/nav_top/button_gbook.jpg" width="140" height="19" name="example6" alt="" style="margin-left:2px;" /></a><a href="?mod=links&action=listcat&id=3" onmouseout="document.images['example7'].src=img13.src" onmouseover="document.images['example7'].src=img14.src"><img src="img/nav_top/button_links.jpg" width="140" height="19" name="example7" alt="" style="margin-left:2px;" /></a><a href="?mod=contact&action=imprint" onmouseout="document.images['example8'].src=img15.src" onmouseover="document.images['example8'].src=img16.src"><img src="img/nav_top/button_imprint.jpg" width="140" height="19" name="example8" alt="" style="margin-left:2px;" /></a></div>
</div>
<div id="nav_right_spacer"></div>
<div id="content_container">
<div id="content">
<a href="index.php?mod=count&action=online"><font color="#D2D0B3">Online:</font></a> <font color="#D2D0B3">{count:navone}</font> <font color="#D2D0B3">|</font>
<font color="#D2D0B3">Heute:</font> <font color="#D2D0B3">{count:navday}</font> <font color="#D2D0B3">|</font>
<font color="#D2D0B3">Monat:</font> <font color="#D2D0B3">{count:navmon}</font> <font color="#D2D0B3">|</font>
<a href="index.php?mod=count&action=stats"><font color="#D2D0B3">Gesamt:</font></a> <font color="#D2D0B3">{count:navall}</font> <font color="#D2D0B3">|</font>
<font color="#D2D0B3"><a href="?mod=board&action=toplist"><font color="#D2D0B3">Beiträge</font></a></font> <font color="#D2D0B3">{count:comments}</font> <font color="#D2D0B3">|</font>
<a href="index.php?mod=squads&action=view&id=1"><font color="#D2D0B3">Registrierte User:</font></a> <font color="#D2D0B3">{count:users}</font>
<br><br>
{func:show}<br></div>
</div>
<div id="footer_top">
<div id="login_spacer"></div>
<div id="login">{users:navlogin}</div>
</div>
<div id="footer"><a href="?mod=clansphere&action=about"><img src="img/footer/footer_about.jpg" width="61" height="19" alt="" /></a><img src="img/footer/footer_copyright.jpg" width="299" height="19" alt="" /><a target="_blank" href="http://www.ansager.info"><img src="img/footer/records.jpg" width="161" height="19" alt="Ansager Records" /></a><img src="img/footer/&.jpg" width="15" height="19" alt="" /><a target="_blank" href="http://www.lilgenius.de"><img src="img/footer/kios.jpg" width="56" height="19" alt="K.I.O.S." /></a><img src="img/footer/last.jpg" width="8" height="19" alt="" />
</div>
</div>
<div style="float:left; width:200px; color:#2E2E26; "><iframe src="http://www.ftownstreetlife.de/stats/index.php" width="200" height="1000" scrolling=" " frameborder="0" ></iframe></div>
</div>
</body> ?> |
mfg ansager
------------------
 |
|
|
|
 Nachtmeister
Specialist
Herkunft: Bern
Beiträge: 2091
|
# Antwort: 1 - 21.10.2008 um 21:52 Uhr
Du musst die linke auf float: left und die rechte auf float: right setzen und dabei natürlich allfällige margins und paddings von den gesammt Breiten abziehen.
------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"
|
|
|  |
|
|
ven0m
Going for pro
Herkunft: Essen
Beiträge: 406
|
# Antwort: 3 - 22.10.2008 um 17:56 Uhr
Hi, ich hab mir dein Code jetzt nicht angeschaut, aber etwas ähnliches habe ich schon realisiert.
versuch es mal mit folgender grundstruktur:
code...
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.
| 1. / 2. / ...
#main_div
{
background-color: #FFFFFF;
width: 1000px;
height: auto;
margin: auto;
overflow: hidden;
}
#left_div
{
background-color: #003300;
width: 200px;
height: auto;
float: left;
}
#middle_div
{
background-color: #009999;
width: 600px;
height: auto;
float: left;
}
right_div
{
background-color: #999999;
width: 200px;
height: auto;
float: left;
} |
In die 3 div's packst du dann halt deinen inhalt.
So sollte es ohne probs klappen.
MfG
ven0m
PS: habs grad nicht getestet, sondern eben schnell geschrieben. Wenn nen fehler drin sein sollte, tuts mir leid 
*Edit*
Hier noch der aufbau in der html datei:
code...
1.
2.
3.
4.
5.
6.
7.
| 1. / 2. / ...
<body>
<div id="main_div">
<div id="left_div">inhalt hier ...</div>
<div id="middle_div">und hier ...</div>
<div id="right_div">und hier</div>
</div>
</body> |
------------------
Gruß
ven0m
Zuletzt editiert von ven0m am 22.10.2008 um 18:04 Uhr (2x Editiert) |
|
| |
|
|
ven0m
Going for pro
Herkunft: Essen
Beiträge: 406
|
# Antwort: 5 - 24.10.2008 um 16:18 Uhr
mh... ich habs grad nochmal getestet ... bei mir klappts ohne probs.
http://myven0m.de/test/index.html
woran es jetzt bei dir liegt, kann ich auf die schnelle leider nicht rausfinden. muss leider schon wieder los.
wenn du es nicht hinbekommst, schreibs hier rein, dann versuchen wir das problem in den nächsten tagen zu lösen
MfG
ven0m
------------------
Gruß
ven0m
|
|
| |
|
Nachtmeister
Specialist
Herkunft: Bern
Beiträge: 2091
|
# Antwort: 6 - 24.10.2008 um 17:52 Uhr
Wie gesagt: Breitenangaben nachmessen, paddings und margins abziehen. Das ist der meist gemachte Fehler...
------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"
|
|
| |
Antworten: 6
Seite [1] |
