Suche im Forum:
Suchen


Autor Nachricht
Beitrag05.09.2009 um 18:51 (UTC)    
Titel: CSS Design: Header Größe einstellen?
Antworten mit Zitat
Wie kann ich bestimmen wie groß der header ist?
(Weil wenn er zu groß ist dann sieht man nur einen teil von dem header!)

Bitte meldet euch schnell ist wichtig! Confused







Mfg Luckygo
______________
Ich mach keine Rechtschreibfehler, ich schreib nur freestylle


Zuletzt bearbeitet von luckygo am 05.09.2009, 21:00, insgesamt 2-mal bearbeitet
↑
Beitrag05.09.2009 um 20:44 (UTC)    
Titel:
Antworten mit Zitat
Hallo,
bei einem Css Design ändert man so die Header-Größe:
Code:

#Header {
color: #FFFFFF;
width: 900px;
height: 400px;
float: left;
padding: 10px;
margin: 10px 0px 0px 0px;
background-image: url(Hier deine Header url);
background: #07417C;}


Dort bei width / height kannst du Breite / Höhe einstellen.

Gruß Niki
______________



Zuletzt bearbeitet von niki-entertainments am 05.09.2009, 21:45, insgesamt einmal bearbeitet
↑
Beitrag05.09.2009 um 20:48 (UTC)    
Titel: hi
Antworten mit Zitat
niki-entertainments hat Folgendes geschrieben:
Hallo,
bei einem Css Design ändert man so die Header-Größe:
Code:

#Header {
color: #FFFFFF;
width: 900px;
height: 400px;
float: left;
padding: 10px;
margin: 10px 0px 0px 0px;
background-image: url(Hier deine Header url);
background: #07417C;}


Dort bei width / height kannst du Breite / Höhe einstellen.

Gruß Niki



Muss der header dann auch so grüß sein wie ich es in dem code
eingegeben habe?
(weil das habe ich auch schon versucht,und es hat nichts gebracht!
Habe ich was falsch gemacht?)


Hat nicht geklappt!

Link:

http://luckygo.de.tl/Home.htm


Code:

#nav_container{display: none;}

/*Design zentrieren*/
-->
</style>
<center>
<style type="text/css">
<!--

/*Werbung zentrieren*/
td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#800000; font-size: 15px;text-decoration: underline;}
a:hover {color: #800000; font-size: 15px; text-decoration: underline;}
a:link {color: #800000; font-size: 15px;text-decoration: underline;}
a:active {color: #800000; font-size: 15px;text-decoration: underline;}
a:visited {color: #800000; font-size: 15px; text-decoration: underline;}

body {background-color:#F2F2F2;}

* { padding: 0; margin: 0; }

#Testdesign3 {
margin: 0 auto;
width: 922px;}

Header {
color: #FFFFFF;
width: 920px;
height: 220px;
float: left;
padding: 10px;
margin: 10px 0px 0px 0px;
background-image: url(http://s4.directupload.net/images/090905/mct42tsg.jpg);
background: #07417C;}

/*Design zentrieren*/
-->
</style>
<center>
<style type="text/css">
<!--

/*Werbung zentrieren*/
td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#800000; font-size: 15px;text-decoration: underline;}
a:hover {color: #800000; font-size: 15px; text-decoration: underline;}
a:link {color: #800000; font-size: 15px;text-decoration: underline;}
a:active {color: #800000; font-size: 15px;text-decoration: underline;}
a:visited {color: #800000; font-size: 15px; text-decoration: underline;}

body {background-color:#F2F2F2;}

* { padding: 0; margin: 0; }

#Testdesign3 {
margin: 0 auto;
width: 922px;}

#Header_oben {
color: #FFFFFF;
width: 900px;
height: 80px;
background-image: url(http://s4.directupload.net/images/090905/mct42tsg.jpg);
background: #800000;
float: left;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}

#Navi_Feld {
width: 900px;
background: #DAC9CB;
color: #4A0000;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}


#content {
float:left;
height: 300px;
width: 900px;
background: #F2F2E6;
color: #000000;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 10px;
overflow:auto;}


#Feld_unten {
width: 900px;
color: #FFFFFF;
border: 1px solid #CCCCCC;
background: #800000;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{text-align:center;});
background: #800000;
float: left;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}

#Navi_Feld {
width: 900px;
background: #DAC9CB;
color: #4A0000;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}


#content {
float:left;
height: 300px;
width: 900px;
background: #F2F2E6;
color: #000000;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 10px;
overflow:auto;}


#Feld_unten {
width: 900px;
color: #FFFFFF;
border: 1px solid #CCCCCC;
background: #800000;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{text-align:center;}





Mfg Luckygo
______________
Ich mach keine Rechtschreibfehler, ich schreib nur freestylle


Zuletzt bearbeitet von luckygo am 05.09.2009, 21:57, insgesamt einmal bearbeitet
↑
Beitrag05.09.2009 um 21:05 (UTC)    
Titel:
Antworten mit Zitat
Oh Gott bei dir wiederholt sich ja alles 100 mal :O

Ich habe den Code mal überarbeitet. Die navi ist jetzt nicht so verschoben und der header ist so wie du ihn haben wolltest. Die Farben kannst du natürlich alle ändern. Bei weiteren Fragen schreib mir ne Nachricht:

Code:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#800000; font-size: 15px; text-decoration: none;}
a:hover {color: #800000; font-size: 15px; text-decoration: none;}
a:link {color: #800000; font-size: 15px; text-decoration: none;}
a:active {color: #800000; font-size: 15px; text-decoration: none;}
a:visited {color: #800000; font-size: 15px; text-decoration: none;}

body{
background-color: #F2F2F2;
font-family: Arial, sans-serif;
font-size: 12px;}

* { padding: 0; margin: 0; }

#Testdesign3 {
margin: 0 auto;
width: 900px;}

#Header_oben{
color: #FFFFFF;
width: 900px;
height: 200px;
background-image: url(url);
background-color:#000000;
float: left;
margin: 0px 0px 0px 0px;}

#Navi_Feld {
width: 900px;
height: 39px;
padding-left: 0px;
padding-right: 0px;
padding-top: 2px;
background-image: url(url);
background: #000000;
background-repeat: repeat-y;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
float: left;
overflow:visible;}


#content {
width: 858px;
height: 360px;
background-image: url(Url);
background-color: #F2F2E6;
color: #FFFFFF;
padding: 20px;
border: 1px solid #000000;
margin: 0px 0px 0px 0px;
float: left;
overflow:auto;}

#Feld_unten {
width: 900px;
color: #000000;
border: 1px solid #CCCCCC;
background: #ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{text-align:center;}

/* Coolmenü */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menu{
width: 900px;
height: 40px;
margin: 0px 0px 0px 0px;}

.menu li
{position: relative;
top: 0px;
left: 0px;
width: 180px;
float: left;
}

.menu a
{
background-image:url();
background-color: #000000;
background-repeat: no-repeat;
text-decoration: none;
text-align: center;
font-weight: bold;
margin: 0px 0px 0px 0px;
display: block;
padding-top: 10px;
height: 30px;
color: #fff000;
}

.menu a:hover
{
background-image:url(url);
background-color: #000000;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: normal;
border-top: 0px;
cursor: pointer;
}

______________



Zuletzt bearbeitet von niki-entertainments am 05.09.2009, 23:03, insgesamt 4-mal bearbeitet
↑
Beitrag05.09.2009 um 21:11 (UTC)    
Titel: hi
Antworten mit Zitat
Geht nicht! Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad

Link:


http://luckygo.de.tl/Home.htm


Code:


div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#800000; font-size: 15px;text-decoration: underline;}
a:hover {color: #800000; font-size: 15px; text-decoration: underline;}
a:link {color: #800000; font-size: 15px;text-decoration: underline;}
a:active {color: #800000; font-size: 15px;text-decoration: underline;}
a:visited {color: #800000; font-size: 15px; text-decoration: underline;}

body {background-color:#F2F2F2;}

* { padding: 0; margin: 0; }

#Testdesign3 {
margin: 0 auto;
width: 922px;}

Header {
color: #FFFFFF;
width: 880px;
height: 60px;
float: left;
padding: 10px;
margin: 10px 0px 0px 0px;
background-image: url(http://s4.directupload.net/images/090905/mct42tsg.jpg);
background: #07417C;}

#Navi_Feld {
width: 900px;
background: #DAC9CB;
color: #4A0000;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}

#content {
float:left;
height: 300px;
width: 900px;
background: #F2F2E6;
color: #000000;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 10px;
overflow:auto;}

#Feld_unten {
width: 900px;
color: #FFFFFF;
border: 1px solid #CCCCCC;
background: #800000;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{text-align:center;}



Mfg Luckygo
______________
Ich mach keine Rechtschreibfehler, ich schreib nur freestylle
↑
Beitrag05.09.2009 um 22:04 (UTC)    
Titel:
Antworten mit Zitat
^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^
| Siehe Nachricht oben |
______________



Zuletzt bearbeitet von niki-entertainments am 05.09.2009, 23:05, insgesamt 2-mal bearbeitet
↑
Beitrag06.09.2009 um 09:29 (UTC)    
Titel: hi
Antworten mit Zitat
Danke hat geklappt aber jetzt steht der header unter dem textfeld über!
Kannn man das textfeld und den Balken unten die größe einstellen?







Mfg Luckygo
______________
Ich mach keine Rechtschreibfehler, ich schreib nur freestylle
↑
Beitrag06.09.2009 um 18:45 (UTC)    
Titel:
Antworten mit Zitat
Wie meinst du das...bei mir passt alles..
______________
↑
Beitrag06.09.2009 um 19:32 (UTC)    
Titel: hi
Antworten mit Zitat
niki-entertainments hat Folgendes geschrieben:
Wie meinst du das...bei mir passt alles..



Der header steht über! (Rechte seite vom header steht über!)
(siehe link)

Link:

http://luckygo.de.tl/Home.htm




Mfg Luckygo
______________
Ich mach keine Rechtschreibfehler, ich schreib nur freestylle
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.