Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 5
Seite [1]
GaHero


Poststar





Beiträge: 733
 # Thema - 10.07.2008 um 13:33 Uhr
Hallo,

ich habe mal wieder unser Desig etwas erweitert... (www.foeonline.de/testinstall)

Bannerrotation ist neu drin und ich wollte eine neue Navi reinmachen, die direkt unter dem Menü ist.

Meine Probleme:
1.) Bannerrotation wird unter Opera und FF richtig angezeigt, aber im Inet explorer ist das layer zu weit rechts.

2.) Die navi Layer sind untereinander, aber sie sollen ja alle nebeneinander...

Ich habe schon ne Menge probiert, aber ich bekomme es nicht hin und grauche mal Hilfe von einem Experten...

index +-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>{func:title}</title>

<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
{clansphere:navmeta}

<link href="foe_white.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="mitte">

<div id="header"> <div id="headerbanner">{bannerrotation:navlist}</div> </div>

<div id="menu">

<ul id="Navigation">

<li><a>Kontakt</a>
<ul>
<li><a href="index.php?mod=joinus&amp;action=new"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/kuser.png" alt="News" style="vertical-align:middle"/>Joinus</a></li>
<li><a href="index.php?mod=fightus&amp;action=new"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/package_games_ board.png" alt="News" style="vertical-align:middle"/>Fightus</a></li>
<li><a href="index.php?mod=contact&amp;action=mail"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/kontact.png" alt="News" style="vertical-align:middle"/>Kontakt</a></li>
<li><a href="index.php?mod=linkus"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/web.png" alt="News" style="vertical-align:middle"/>LinkUs</a></li>
<li><a href="index.php?mod=clansphere&amp;action=about"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/txt.png" alt="News" style="vertical-align:middle"/>Scriptinfo</a></li>
<li><a href="index.php?mod=contact&amp;action=imprint"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/documentinfo.p ng" alt="News" style="vertical-align:middle"/>Impressum</a></li>
</ul>
</li>

<li><a>Service</a>
<ul>
<li><a href="index.php?mod=users"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/personal.png" alt="News" style="vertical-align:middle"/>Community</a></li>
<li><a href="index.php?mod=files"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/download.png" alt="News" style="vertical-align:middle"/>Downloads</a></li>
<li><a href="index.php?mod=links"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/web.png" alt="News" style="vertical-align:middle"/>Links</a></li>
<li><a href="index.php?mod=quotes"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/kopete.png" alt="News" style="vertical-align:middle"/>Zitate</a></li>
<li><a href="index.php?mod=votes"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/volumemanager. png" alt="News" style="vertical-align:middle"/>Umfragen</a></li>
<li><a href="index.php?mod=gallery"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/image.png" alt="News" style="vertical-align:middle"/>Gallerie</a></li>
</ul>
</li>

<li><a>Clan</a>
<ul>
<li><a href="index.php?mod=members"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/yast_group_add .png" alt="News" style="vertical-align:middle"/>Teams</a></li>
<li><a href="index.php?mod=events&amp;action=calendar"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/date.png" alt="News" style="vertical-align:middle"/>Kalendar</a></li>
<li><a href="index.php?mod=wars"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/wifi.png" alt="News" style="vertical-align:middle"/>Clanwars</a></li>
<li><a href="index.php?mod=history"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/doc.png" alt="News" style="vertical-align:middle"/>Geschichte</a></li>
<li><a href="index.php?mod=rules"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/agent.png" alt="News" style="vertical-align:middle"/>Regeln</a></li>
</ul>
</li>

<li><a>Gametools</a>
<ul>
<li><a href="index.php?mod=files&amp;action=view&amp;where=1"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/g3gametool.png " alt="News" style="vertical-align:middle"/>Gothic 3</a></li>
<li><a href="index.php?mod=files&amp;action=view&amp;where=3"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/gt.png" alt="News" style="vertical-align:middle"/>Gothic 2</a></li>
</ul>
</li>

<li><a>Main</a>
<ul>
<li><a href="index.php?mod=news&amp;action=recent"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/knode.png" alt="News" style="vertical-align:middle"/>News</a></li>
<li><a href="index.php?mod=gbook"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/easymoblog.png " alt="News" style="vertical-align:middle"/>Gästebuch</a></li>
<li><a href="index.php?mod=board"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/tutorials.png" alt="News" style="vertical-align:middle"/>Forum</a></li>
<li><a href="index.php?mod=search"><img class="menuimg" src="http://www.foeonline.de/testinstall/templates/foe_white/img/icons/search.png" alt="News" style="vertical-align:middle"/>Suche</a></li>
</ul>
</li>

</ul>

</div>

<div id="navi-top">

<div id="navi-top-left">
<div class="navi-head"> Test1: </div>
<div class="navi-body"> {files:navlist} </div>
</div>

<div id="navi-top-middle-left">
<div class="navi-head"> Test1: </div>
<div class="navi-body"> {files:navtop} </div>
</div>

<div id="navi-top-middle-right">
<div class="navi-head"> Test1: </div>
<div class="navi-body"> {news:navlist} </div>
</div>

<div id="navi-top-right">
<div class="navi-head"> Test1: </div>
<div class="navi-body"> {news:navlist} </div>
</div>

</div>

<div id="navi-right">

<div class="navi-head"> Login: </div>
<div class="navi-body"> {users:navlogin3} </div>

<div class="navi-head"> Umfrage: </div>
<div class="navi-body"> {votes:navlist} </div>

<div class="navi-head"> Neue Downloads: </div>
<div class="navi-body"> {files:navlist} </div>

<div class="navi-head"> Top Downloads: </div>
<div class="navi-body"> {files:navtop} </div>

<div class="navi-head"> Shoutbox: </div>
<div class="navi-body"> {shoutbox:navlist} </div>

<div class="navi-head"> Besucher: </div>
<div class="navi-body">
<a href="index.php?mod=count&amp;action=online">Online:</a> {count:navone}<br />
Heute: {count:navday}<br />
Monat: {count:navmon}<br /> <br />
<a href="index.php?mod=count&amp;action=stats">Gesamt:</a> {count:navall}
</div>

</div>

<div id="navi-left">

<div class="navi-head"> Logo: </div>
<div class="navi-body"> <a href="http://www.foeonline.de/index.php?mod=history"> <img src="http://www.foeonline.de/testinstall/templates/foe_white/img/logo.png" alt="Logo" /> </a> </div>

<div class="navi-head"> Last Wars: </div>
<div class="navi-body"> {wars:navlist} </div>

<div class="navi-head"> Banner: </div>
<div class="navi-body"> {banners:navlist} </div>

<div class="navi-head"> Gallerie: </div>
<div class="navi-body"> {gallery:navlist} </div>

<div class="navi-head"> Gameserver: </div>
<div class="navi-body">
<a href="http://www.gametracker.com/server_info/80.190.253.220:28990/" target="_blank">
<img src="http://cache.www.gametracker.com/server_info/80.190.253.220:28990/b_160x400_T1_F -1-2.png" border="0" alt="Gameserverbanner" />
</a>
</div>

<div class="navi-head"> Voiceserver: </div>
<div class="navi-body">
<a href="http://www.gametracker.com/server_info/80.190.253.205:7245/" target="_blank">
<img src="http://cache.www.gametracker.com/server_info/80.190.253.205:7245/b_160x400_T1_F- 2.png" border="0" alt="Voiceserverbanner" />
</a>
</div>

</div>

<div id="content"> {func:show} </div>

<div id="footer">
<div id="footertext">
Design (1.1): <a href="http://www.foeonline.de">FoE Online</a>
- Script (2008.1): <a href="http://www.clansphere.net">Clansphere</a>
- optimiert f&uuml;r (1280x1024): <a href="http://www.mozilla.com">Firefox 3</a>
/ <a href="http://www.microsoft.com/germany/windows/products/winfamily/ie/">INet Explorer 7</a>
/ <a href="http://www.opera.com/">Opera 9.5</a>
</div>
</div>

</div>

</body>

</html>


CSS: http://www.foeonline.de/testinstall/templates/foe_white/foe_white.css


Zuletzt editiert von GaHero am 10.07.2008 um 15:15 Uhr (1x Editiert)
Inaktiv
GaHero
Thread-Ersteller


Poststar





Beiträge: 733
 # Antwort: 1 - 10.07.2008 um 15:15 Uhr
Sry, falscher Link war oben drin. Hier der richtige: www.foeonline.de/testinstall


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 2 - 10.07.2008 um 15:19 Uhr
du musst das margin von den boxen entfernen und allen float: right; geben.


------------------
www.laszlokorte.de

Inaktiv
|
GaHero
Thread-Ersteller


Poststar





Beiträge: 733
 # Antwort: 3 - 10.07.2008 um 15:34 Uhr
zu2.) Ne, geht nicht... Jetzt verschiebt er die zum Teil in den unteren Bereich der Seite, wo die anderen Navibereiche und der Content ist.

zu 1.) Hat der INetexplorer nen Bug mit Positionen, oder interpretiert er das anders? Die div Box ist nämlich immer anders verschoben.


Inaktiv
|
calvera


Rock the board




Beiträge: 99
 # Antwort: 4 - 11.07.2008 um 10:00 Uhr
html-datei
 
1.
2.
3.
4.
5.
1. / 2. / ... 
  <div class="spalte">Dies ist ein ganz intelligenter Text</div>
<div class="spalte">Dieser intellente Text steht jetzt in der Spalte neben der ersten Spalte</div>
<div class="spalte">und der hier ist auch noch da</div>
<div style="clear:both"></div>


css:
 
1.
1. / 2. / ... 
 .spalte { padding:10px; text-align:left; width:30%; float:left; } 


experimentier damit mal


------------------
Inaktiv
|
GaHero
Thread-Ersteller


Poststar





Beiträge: 733
 # Antwort: 5 - 11.07.2008 um 11:39 Uhr
Jo danke, also 2 habe ich dadurch gelöst, die tpls passen noch nicht so richtig, aber das Kinderrkam, den ich sogar hinbekomme.

Jetzt brauche ich nur noch Hilfe bei dem Banner im Header in Verbundung mit dem Inet Explorer...


Zuletzt editiert von GaHero am 11.07.2008 um 11:39 Uhr (1x Editiert)
Inaktiv
|
Antworten: 5
Seite [1]


Sie müssen sich registrieren, um zu antworten.