Autor
Nachricht
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 11:23 (UTC) Titel: Mehrere Fragen bezüglich des CSS Designs
Ich hab eine Frage!
Also wie mach ich in in CSS mehrere Navigatonen?
Ich habe Google benutzt und die Suchfunktion im Forum aber trotzdem bin ich nicht klüger geworden!
Kann mir einer helfen?
Hier ist mein CSS Code:
Zitat: #header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 627px;
height:70px;
background-image:(http://img6.myimg.de/Header0bff3.png);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}
ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}
li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#ffffff;
background-color:#343434;
background-image:url(http://img6.myimg.de/Button9b182.png);
border: 2px solid #000000;}
li.nav_element a:hover{
color: #ffffff;
background-color:#C9C9C9;
background-image:url(http://img6.myimg.de/HoverButtonb6162.png);}
#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#ffffff;
background-image:http://img6.myimg.de/CounterRechteBox703e8.png;
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}
#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #000000;
font-size:13px;
background-color:#ffffff;
background-image:url();
border: 1px solid #FFFFFF;
overflow:auto;}
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
a{
color:#0033ff;
text-decoration: none;
font-size:13px;}
a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color:#ff6699;
font-size: 13px;
text-decoration: none;}
body {
background-color:#ff6600;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}
MfG
Your Designs
Zuletzt bearbeitet von more-fun-at am 02.02.2009, 16:39, insgesamt 6-mal bearbeitet
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
↑
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 14:49 (UTC) Titel:
philipp7 hat Folgendes geschrieben: du benutzt einfach links
mfg
Was meinst du damit?
Edit:
Ich hab noch ein Problem!
Ich hab jetzt die Hintergrundgrafik der rechten Boxen eingefügt und jetzt seh ich nicht mal den Header und auch nicht die Hintergrundgrafik der rechten Box!
Hier der Code:
Zitat: #sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#FFFFFF;
background-image:http://img6.myimg.de/CounterRechteBox703e8.png;
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}
Zuletzt bearbeitet von more-fun-at am 02.02.2009, 16:39, insgesamt einmal bearbeitet
↑
vibez-gfx
02.02.2009 um 15:45 (UTC) Titel:
Hi,
du hast im Code ein paar Zeichen vergessen, hier rot dargestellt.
#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#FFFFFF;
background-image: url( http://img6.myimg.de/CounterRechteBox703e8.png) ;
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}
edit:
beim Header fast das gleiche Problem
#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 627px;
height:70px;
background-image: url (http://img6.myimg.de/Header0bff3.png);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;} ______________ if (ahnung == 0) {read FAQ; use SEARCH; use google; } else { use brain; make post; }
Zuletzt bearbeitet von vibez-gfx am 02.02.2009, 16:49, insgesamt einmal bearbeitet
↑
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 15:49 (UTC) Titel:
Danke funktioniert!
Aber der Counter ist und zu weit oben und verdeckt den Text.
Wie verschiebe ich den Counter?
↑
vibez-gfx
02.02.2009 um 15:51 (UTC) Titel:
Füge ein paar <br /> Tags vor dem Counter Code ein ______________ if (ahnung == 0) {read FAQ; use SEARCH; use google; } else { use brain; make post; }
↑
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 15:53 (UTC) Titel:
Und wie man ich das es in der mitte ist?
<center> ?
Edit:
Ja das ist es
Zuletzt bearbeitet von more-fun-at am 02.02.2009, 16:55, insgesamt einmal bearbeitet
↑
vibez-gfx
02.02.2009 um 15:56 (UTC) Titel:
<center> Tag oder das hier einfügen:
#sidebar_container{
...
text-align:center;}
MfG
Vibez-GFX ______________ if (ahnung == 0) {read FAQ; use SEARCH; use google; } else { use brain; make post; }
↑
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 16:04 (UTC) Titel:
Kannst du mir auch helfen mehrere Navis zu haben wie bei zitapage?
Die ''Erklärung'' von philipp7 verstehe ich nicht xD
↑
vibez-gfx
02.02.2009 um 16:13 (UTC) Titel:
Ja gerne, kontakt per via PN bitte. ______________ if (ahnung == 0) {read FAQ; use SEARCH; use google; } else { use brain; make post; }
↑
more-fun-at
Wohnort: USA (United States of Austria)
02.02.2009 um 18:53 (UTC) Titel:
Wie mach ich das die ganze Homepage(und Werbung) zentriert ist?
Zuletzt bearbeitet von more-fun-at am 02.02.2009, 19:54, insgesamt einmal bearbeitet
↑