Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.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
Beitrag02.02.2009 um 14:33 (UTC)    
Titel:

du benutzt einfach links Very Happy

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag02.02.2009 um 14:49 (UTC)    
Titel:

philipp7 hat Folgendes geschrieben:
du benutzt einfach links Very Happy

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
Beitrag02.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
Beitrag02.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?
Beitrag02.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; }

Beitrag02.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
Beitrag02.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; }

Beitrag02.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
Beitrag02.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; }

Beitrag02.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
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de