Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag05.09.2009 um 18:51 (UTC)    
Titel: CSS Design: Header Größe einstellen?

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:

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

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:

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

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:

^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^
| 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

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:

Wie meinst du das...bei mir passt alles..
______________

Beitrag06.09.2009 um 19:32 (UTC)    
Titel: hi

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:   


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