Vorheriges Thema anzeigen :: Nchstes Thema anzeigen |
Autor |
Nachricht |
isotropisch Newcomer
Angemeldet: 15.03.2006 Beitrge: 23
|
Verfasst am: 13.12.2006, 23:50 Titel:
CSS Problem :) |
|
|
|
|
Hallo Community,
ich habe folgendes Probleme , ich mchte die Navigation unter den Header packen , wei allerdings nicht wie das geht , in der html datei zeigt FF mir die Navigation untereinander an!?.
Die CSS Datei
Code: |
body {
margin:0;
padding:0;
background-color:#0C6481;
background-repeat:repeat-y;
background-position:center;
background-image:url(../bilder/body_bg.gif);
}
div#background {
background-position:top;
background-repeat:repeat-x;
background-image:url(../bilder/content_bg.gif);
}
div#content {
width:779px;
margin:auto;
}
span#header {
width:779px;
height:30px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/header.gif);
}
div#content {
width:778px;
margin:auto;
}
span#header2 {
width:778px;
height:257px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/header2.gif);
}
div#navigation {
width:780px;
margin:auto;
}
span#navi_news {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_news.gif);
}
div#navigation2 {
width:780px;
margin:auto;
}
span#navi_aufexler {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_team.gif);
}
div#navigation3 {
width:780px;
margin:auto;
}
span#navi_halloffame {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_benutzerliste.gif);
}
div#navigation4 {
width:780px;
margin:auto;
}
span#navi_hotpics {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_gallerie.gif);
}
div#navigation5 {
width:780px;
margin:auto;
}
span#navi_gbook {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_gbook.gif);
}
|
Hoffe ihr knnt damit was anfangen. Oder braucht ihr noch die HTML Datei ?
Besten dank im Vorraus , iso (mal wieder ) |
|
Nach oben |
|
|
eLement Mitglied
Angemeldet: 30.11.2005 Beitrge: 54
|
Verfasst am: 14.12.2006, 01:56 Titel:
|
|
|
|
|
Es wre schon von Vorteil wenn Du einen Link zu der Seite mit posten wrdest |
|
Nach oben |
|
|
isotropisch Newcomer
Angemeldet: 15.03.2006 Beitrge: 23
|
Verfasst am: 14.12.2006, 12:48 Titel:
|
|
|
|
|
okay , also die page sieht wie folgt aus
Klick
die navigation sollte eigentlich per X-Achse unter dem Header verlaufen und nicht wie jetzt dargestellt auf der Y-Achse untereinander.
Bin echt ratlos
Zur Seite dient alles bis jetzt nur als Platzhalter, versuch erstmal eine "leichte" Seite zu slicen bzw. mit css darzustellen.
Hoffe auf Hilfe . iso
Zuletzt bearbeitet von isotropisch am 14.12.2006, 21:08, insgesamt einmal bearbeitet |
|
Nach oben |
|
|
AEQUITAS Mitglied
Angemeldet: 16.08.2005 Beitrge: 513 Wohnort: Kln Interessen: Freundin, Parties, Webdesign, eSport, Tischtennis, Laufen
|
Verfasst am: 14.12.2006, 17:12 Titel:
|
|
|
|
|
Msste so gehen:
Code: |
Html:
<div id="navigation">
<div id="navi_news"> </div>
<div id="navi_aufexler"> </div>
<div id="navi_halloffame"> </div>
<div id="navi_hotpics"> </div>
<div id="navi_gbook"> </div>
</div>
|
Code: |
CSS:
#navigation {
width:780px;
}
#navi_news {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_news.gif);
float:left;
cursor:pointer;
}
#navi_aufexler {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_aufexler.gif);
float:left;
cursor:pointer;
}
#navi_halloffame {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_halloffame.gif);
float:left;
cursor:pointer;
}
#navi_hotpics {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_hotpics.gif);
float:left;
cursor:pointer;
}
#navi_gbook {
width:131px;
height:51px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi_gbook.gif);
float:left;
cursor:pointer;
}
|
Dazu geht das ganze auch mit Listen (<ul><li></li></ul>).
Arbeite dich einfach am besten mal in css mit www.css4you.de .
Dort ist auch ein Einsteigerworkshop und jede Menge ntzlicher Tricks!
Weiterhin kann ich auch das http://xhtmlforum.de empfehlen, dort gibt es auch eine FAQ zu bekannten Problemen, die immer wieder mit xHtml und CSS auftreten, viel Spa!
mfg |
|
Nach oben |
|
|
isotropisch Newcomer
Angemeldet: 15.03.2006 Beitrge: 23
|
Verfasst am: 14.12.2006, 17:31 Titel:
|
|
|
|
|
@AEQUITAS , vielen Danke so gehts.
Und auch danke fr die Links werd sie mir mal anschauchen.
gru iso |
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beitrge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beitrge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beitrge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beitrge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beitrge: 436162
|
|
Nach oben |
|
|
|