Hilfe
Neues Thema
Antworten
erstelle ne div mit dem namen in der css ja und ausprobieren also nach erfahrung
#hauptmenu { width:"seitenbreite";
height:"menuhoehe";
}
das sollte es schon gewesen sein, alternativ mit margin-top:0 bzw auch wenns nötig is margin-top:-x ( man kann auch negativ werte angeben ) normalerweise sollte es aber ausreichen um zu kontrollieren wo genau die div verlauft, einfach mal
border: 1px solid #000;
eingeben - dann siehst du wo genau die div sitzt
und ja die DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="DE">
Grafikdatei Als Footer Anzeigen Lassen
#16
amalbhalbe 
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 09. August 2007 - 20:29
Pc is my life, amd my world, intel my enemy and Linux my Hell
Nach oben
#17
CrazyLexx
geschrieben 09. August 2007 - 21:19
Gut, habe es mal mit einer DIV versucht. Ergebniss: IE zeigt es korrekt an und im FF ist der Hintergrund schön bündig zur darüberliegenden DIV, nur der INHALT des Menüs ist halb nach unten verschoben...
#18
amalbhalbe
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 10. August 2007 - 08:06
hast du dieses dropdown menu auch mit css formatiert, wenn ja vermute ich den fehler dort irgendwo list-style oder dergleichen .. wirkt irgendwie stark nach einem padding irgendwie ...
irgendein abstand ist hie rnoch falsch definiert
irgendein abstand ist hie rnoch falsch definiert
Pc is my life, amd my world, intel my enemy and Linux my Hell
#19
CrazyLexx
geschrieben 10. August 2007 - 10:57
Ja, das Teil habe ich im CSS definiert:
Und wir im Code aufgerufen mit:
/* NavBlock */
.solidblockmenu{
margin: auto;
padding: 0;
float: center;
font: bold 13px Arial;
width:775px;
height:34px;
border: 1px solid #494949;
border-width: 0px;
background: black url(../img/blocknav/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../img/blocknav/blockactive.gif) center center repeat-x;
}
.solidblockmenu .selected a, #solidblockmenu .selected a hover{ /*currently selected tab*/
background: transparent url(../img/blocknav/blockactive.gif) center center repeat-x;
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 0px solid #FEC009; /*THEME CHANGE HERE*/
border-top-width: 5px;
font:bold 13px Arial;
text-align:center;
line-height:18px;
z-index:100;
background-color: #000000;
background:transparent url(../img/blocknav/opaque.png);
width: 200px;
visibility: hidden;
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border: 0 solid #494949; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: white;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:visited{
color: white;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FEC009;
color: white;
}
<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
Und wir im Code aufgerufen mit:
<div id="hauptmenu" class="solidblockmenu">
<ul>
<li><img src="templates/{$theme}/img/blocknav/blockarrow.gif" hspace="0" align="left" alt="" /></li>
<li><a href="http://www.gamepals.de/">Startseite</a></li>
<li><a href="http://www.gamepals.de" rel="dropmenu1" >News</a></li>
<li><a href="http://www.gamepals.de/index.php?p=articles&area=1" rel="dropmenu2" >Artikel</a></li>
<li><a href="http://gamepals.blogspot.com/">Podcast</a></li>
<li><a href="http://www.gamepals.de/index.php?p=gallery&area=1" rel="dropmenu3" >Media</a></li>
<li><a href="http://www.gamepals.de/index.php?area=1&p=static&page=impressum" rel="dropmenu4">Intern</a></li>
</ul>
</div>
<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.gamepals.de/index.php?p=index&categ=3&area=1">Allgemein</a>
<a href="http://www.gamepals.de/index.php?p=index&categ=4&area=1">Microsoft</a>
<a href="http://www.gamepals.de/index.php?p=index&categ=1&area=1">Nintendo</a>
<a href="http://www.gamepals.de/index.php?p=index&categ=2&area=1">Sony</a>
</div>
<!--2st drop down menu -->
<div id="dropmenu2" class="dropmenudiv">
<a href="http://www.gamepals.de/index.php?p=articles&categ=5">Playstation</a>
<a href="http://www.gamepals.de/index.php?p=articles&categ=13">Xbox</a>
<a href="http://www.gamepals.de/index.php?p=articles&categ=33">Wii</a>
<a href="http://www.gamepals.de/index.php?p=articles&categ=11">Nintendo DS</a>
<a href="http://www.gamepals.de/index.php?p=articles&categ=6">PSP</a>
<a href="http://www.gamepals.de/index.php?p=articles&categ=9">Gameboy Advanced</a>
<a href="http://www.gamepals.de/index.php?p=articles&categ=10">GameCube</a>
<a href="http://www.gamepals.de/index.php?p=articles&categ=16">Spezial</a>
</div>
<!--3st drop down menu -->
<div id="dropmenu3" class="dropmenudiv">
<a href="http://www.gamepals.de/index.php?p=gallery&area=1">Gallerien</a>
<a href="http://www.gamepals.de/index.php?p=downloads&area=1">Downloads</a>
<a href="http://www.gamepals.de/index.php?categ=1&parent=0&p=downloads&area=1">Videos</a>
</div>
<!--4st drop down menu -->
<div id="dropmenu4" class="dropmenudiv">
<a href="http://www.gamepals.de/index.php?area=1&p=static&page=team">Team</a>
<a href="http://www.gamepals.de/contact_1.htm">Kontakt</a>
<a href="http://www.gamepals.de/index.php?area=1&p=static&page=jobs">Jobs</a>
<a href="http://www.gamepals.de/index.php?area=1&p=static&page=impressum">Impressum</a>
</div>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("hauptmenu", 0)
</script>
#20
amalbhalbe
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 10. August 2007 - 13:33
versuch ma
.solidblockmenu{
margin: auto;
padding: 0;
float: center;
font: bold 13px Arial;
width:775px;
height:34px;
border: 1px solid #494949;
border-width: 0px;
background: black url(../img/blocknav/blockdefault.gif) center center repeat-x;
}
margin: 0px auto;
ansonsten bearbeite mal alle margins /paddings durch ob sich was ändert irgendwo is da der wurm drin
ps: deine css / code seh ich so auch ^^
.solidblockmenu{
margin: auto;
padding: 0;
float: center;
font: bold 13px Arial;
width:775px;
height:34px;
border: 1px solid #494949;
border-width: 0px;
background: black url(../img/blocknav/blockdefault.gif) center center repeat-x;
}
margin: 0px auto;
ansonsten bearbeite mal alle margins /paddings durch ob sich was ändert irgendwo is da der wurm drin
ps: deine css / code seh ich so auch ^^
Pc is my life, amd my world, intel my enemy and Linux my Hell
#21
CrazyLexx
geschrieben 10. August 2007 - 13:42
Habe mal gerade was anderes probiert und probeweise die Pfeilgrafik entfernt. Wenn ich also folgenden Code herausnehme, wird die Navigationsleiste auch im FF korrekt angezeigt:
Wie bekomme ich dann nun die Grafik dort angezeigt, ohne mit damit gleich das Layout der Leiste zu zerschießen?
Wollte auch nur so nett sein und dir durch mein Posten des Codes das Wechseln zwischen den Seiten ersparen
<ul>
<li><img src="templates/{$theme}/img/blocknav/blockarrow.gif" hspace="0" align="left" alt="" /></li>
Wie bekomme ich dann nun die Grafik dort angezeigt, ohne mit damit gleich das Layout der Leiste zu zerschießen?
Zitat (amalbhalbe: 10.08.2007, 14:33)
ps: deine css / code seh ich so auch ^^ 
Wollte auch nur so nett sein und dir durch mein Posten des Codes das Wechseln zwischen den Seiten ersparen
Dieser Beitrag wurde von CrazyLexx bearbeitet: 10. August 2007 - 13:45
#22
CrazyLexx
geschrieben 10. August 2007 - 21:06
UPDATE: Kommando zurück - es liegt offenbar doch nicht an der Grafik selbst. Habe mal alle margins/paddings mit Null-Werte o.ä. ausprobiert und keine Besserung im FF hinbekommen. Hat vielleicht jemand noch eine Idee?
#23
amalbhalbe
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 11. August 2007 - 18:44
wenn du die pfeilgrafik rausnimmst, wird sie im FF auch korrekt dargestellt?
.. dann setz die pfeilgrafik die ja sowieso nur einmal vorhanden ist .. so weit ich gemerkt hab in ne eigene div innerhalb des menüs .. float:left dazu damits nix andres beeinflussen kann und gut is, alternativ den menu background ( diese schwarze leiste da mit dem verlauf ) vollstädig benutzen und nicht nebeneinander laden lassen und den pfeil direkt in die grafik einbauen ( in zeiten von dsl und speichermöglichkeiten bei erstellen von jpg´s kein problem )
.. dann setz die pfeilgrafik die ja sowieso nur einmal vorhanden ist .. so weit ich gemerkt hab in ne eigene div innerhalb des menüs .. float:left dazu damits nix andres beeinflussen kann und gut is, alternativ den menu background ( diese schwarze leiste da mit dem verlauf ) vollstädig benutzen und nicht nebeneinander laden lassen und den pfeil direkt in die grafik einbauen ( in zeiten von dsl und speichermöglichkeiten bei erstellen von jpg´s kein problem )
Pc is my life, amd my world, intel my enemy and Linux my Hell
#24
CrazyLexx
geschrieben 11. August 2007 - 20:00
Nee, ohne Grafik ist der Inhalt noch immer vom Hintergrund abgetrennt:
Habe echt keine Idee mehr :-(
Habe echt keine Idee mehr :-(
#25
amalbhalbe
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 11. August 2007 - 20:14
liegts vl an
.solidblockmenu{
margin: auto;
padding: 0;
float: center;
font: bold 13px Arial;
width:774px;
height:34px;
border: 1px solid #494949;
border-width: 0px ;
background: black url(../img/blocknav/blockdefault.gif) center center repeat-x;
}
mit der height: oder margin:auto .. machma 0 ? oder haste schon probierT?
oder das
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
war auch schon alles auf0?
.solidblockmenu{
margin: auto;
padding: 0;
float: center;
font: bold 13px Arial;
width:774px;
height:34px;
border: 1px solid #494949;
border-width: 0px ;
background: black url(../img/blocknav/blockdefault.gif) center center repeat-x;
}
mit der height: oder margin:auto .. machma 0 ? oder haste schon probierT?
oder das
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
war auch schon alles auf0?
Pc is my life, amd my world, intel my enemy and Linux my Hell
#26
amalbhalbe
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 11. August 2007 - 20:29
SOO ich hab mal eben deine css simuliert udn selbst bearbeitet um zu sehen worans liegen könnte ( ff plugin )
.solidblockmenu li a{
float: left;
color: white;
padding: 0px 11px;
text-decoration: none;
border-right: 1px solid white;
}
... die 9px waren bei mir schuld ... wo jetzt 0 px steht
.solidblockmenu li a{
float: left;
color: white;
padding: 0px 11px;
text-decoration: none;
border-right: 1px solid white;
}
... die 9px waren bei mir schuld ... wo jetzt 0 px steht
Pc is my life, amd my world, intel my enemy and Linux my Hell
#27
CrazyLexx
geschrieben 12. August 2007 - 11:13
Zitat (amalbhalbe: 11.08.2007, 21:29)
... die 9px waren bei mir schuld ... wo jetzt 0 px steht
Hatte ich auch schon mal ausprobiert - dann passiert folgendes:
Dieser Beitrag wurde von CrazyLexx bearbeitet: 12. August 2007 - 11:16
#28
amalbhalbe
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 12. August 2007 - 11:20
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
margin-top:-10px;
border-right: 1px solid white;
}
so das ginge bei mir auch noch, wie das dann im IE aussieht weiß ich aber net, dann musst du eben browserweiche machen das IE und FF anders interpretieren,das sollte net das problem sein
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
margin-top:-10px;
border-right: 1px solid white;
}
so das ginge bei mir auch noch, wie das dann im IE aussieht weiß ich aber net, dann musst du eben browserweiche machen das IE und FF anders interpretieren,das sollte net das problem sein
Pc is my life, amd my world, intel my enemy and Linux my Hell
#29
CrazyLexx
geschrieben 12. August 2007 - 15:22
Zitat (amalbhalbe: 12.08.2007, 12:20)
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
margin-top:-10px;
border-right: 1px solid white;
}
so das ginge bei mir auch noch, wie das dann im IE aussieht weiß ich aber net, dann musst du eben browserweiche machen das IE und FF anders interpretieren,das sollte net das problem sein
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
margin-top:-10px;
border-right: 1px solid white;
}
so das ginge bei mir auch noch, wie das dann im IE aussieht weiß ich aber net, dann musst du eben browserweiche machen das IE und FF anders interpretieren,das sollte net das problem sein
Ah, mit einem margin-top Wert von -11 Pixel sieht es auf demm FF ordentlich aus - nur verschiebt es sich beim IE dann auch entsprechend nach oben. Wie baue ich denn so eine "Browserweiche" ein?
#30
amalbhalbe
- Gruppe: aktive Mitglieder
- Beiträge: 639
- Beigetreten: 14. Mai 04
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
- Interessen:Design is the production of braindysentery
geschrieben 12. August 2007 - 15:30
simplerweise so
<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="web_ie.css" />
<![endif]-->
spricht Ie6 und höher an .. dann haste halt 2 sheets, ie liest auch alles aus der "richtigen" sheet aus, aber wenn du bei der ie speziellen andere werte drinne hast, nimmt er diese - also auf deinem beispiel, du lasst es so wie es jetzt ist, dann passts im FF und co, und erzeugst für den IE diesen eigenen sheet mit den alten werten dann sollte das hinhauen
<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="web_ie.css" />
<![endif]-->
spricht Ie6 und höher an .. dann haste halt 2 sheets, ie liest auch alles aus der "richtigen" sheet aus, aber wenn du bei der ie speziellen andere werte drinne hast, nimmt er diese - also auf deinem beispiel, du lasst es so wie es jetzt ist, dann passts im FF und co, und erzeugst für den IE diesen eigenen sheet mit den alten werten dann sollte das hinhauen
Pc is my life, amd my world, intel my enemy and Linux my Hell
