zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Css Neuling Bräuchte Hilfe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.12.2008, 23:51
Newbie
neuer user
Thread-Ersteller
 
Registriert seit: 02.12.2008
Ort: Klagenfurt
Beiträge: 2
wc3_monster befindet sich auf einem aufstrebenden Ast
Standard Css Neuling Bräuchte Hilfe

Abend Community.

Hab mal im internet bissl gesucht und bin auf eure community gestossen und finde es hier recht armüsant ^^
wollte fragen ob ihr mir vielleicht helfen koenntet da ich gerade dabei bin eine homepage zu machen und ich da sicherlich genug fragen habe dazu da ich mich ja fast garnix mit meinem programm auskenne (Macromedia Dreamweaver mx 2004)

so nun zu den fragen


Ich wollte fragen ob irgendwer eine ahnung hat welchen code oder text ich verwenden soll wenn ich meinen gesammten hintergrund gern in einer farbe haette oder einem muster (was ich als .jpg datei abgespeichert habe) ?

Hier mein css quelltext



Zitat:
*{
padding:0;
margin:0;
}

body
{
background: url("img/green.jpg") top left repeat-x;
font-family: arial;
font-size: 12px;
}

#Inner
{
margin-top: 15px;
background: url("img/green.jpg") top left repeat-x;
}

#Container
{
width: 900px;
margin: 0px auto;
background: url("img/green.jpg") top left repeat-x;
}

.cleaner
{
clear: both;
}

#Head
{
height: 212px;
width: 900px;
background: url("img/green.jpg") top left repeat-x;
}

#Head_left
{
height: 212px;
width: 1000px;
float: left;
background: url("img/green.jpg") top left repeat-x;
}

#Leaf_top
{
background: url("img/banner.jpg") top left no-repeat;
height: 161px;
width: 800x;

}

#Leaf_bottom
{
background: url("img/green.jpg") top left repeat-x;
height: 51px;
float: left;
width: 800px;
}

#Leaf_bottom a
{
color: #6b9c22;
text-decoration: none;
font-weight: bold;
line-height: 58px;
font-size: 11px;
}

#Leaf_bottom a:hover
{
text-decoration: underline;
}

.registration
{
text-indent: 12px;
}

*>.registration
{
margin-left: 12px;
}

.log-in
{
margin-left: 40px;
}

*>.log-in
{
margin-left: 52px;
}

#Head_right
{
height: 212px;
width: 576px;
float: right;
clear: right;

}

#Logo
{
height: 161px;
width: 576px;
}

#Name
{
background: url("img/logo.gif") top left no-repeat;
background-position: 54px 50px;
font-size: 34px;
padding-top: 48px;
padding-left: 100px;
color: #989d9e;
}

.blue
{
color: #0e88af;
}

#Informations
{
font-size: 15px;
padding-left: 92px;
color: green;
}

#Top_menu
{
height: 51px;
width: 600px;
background: url("img/green.jpg");

}

#Top_menu a
{
width: 110px;
height: 51px;
float: right;
color: #228B22;
text-decoration: none;
font-weight: bold;
padding-top: 20px;
text-indent: 38px;
}

#Top_menu a:hover
{
text-decoration: underline;
}

#Top_menu .home
{
color: #228B22;
background: url("img/ausruf.gif") top left no-repeat;
}

#Top_menu .help
{
color: #228B22;
background: url("img/ausruf2.gif") top left no-repeat;
}

#Top_menu .contact
{
color: #228B22;
background: url("img/ausruf3.gif") top left no-repeat;
}

#Top_menu .orders
{
color: #228B22;
background: url("img/frage.gif") top left no-repeat;
}

#Top_menu .kart
{
color: #228B22;
background: url("img/baum.gif") top left no-repeat;
}

#LeftPart
{
width: 215px;
background-color: #7CFC00;
margin-top: -12px;
float: left;
background: url("img/green.jpg") top left repeat-x;
}

*>#LeftPart
{
margin-top: 8px;
background: url("img/green.jpg") top left repeat-x;
}

#Menu
{
width: 215px;
float: left;
background: url("img/green.jpg") top left repeat-x;
}

#Menu_header
{
width: 215px;
height: 31px;
background: url("img/green.jpg") top left repeat-x;
}

.menu_header_right
{
;
height: 31px;
width: 46px;
float: right;
}

.menu_header_left
{

width: 169px;
height: 31px;
float: left;
}

.menu_text
{
color: #00FF00;
font-weight: bold;
line-height: 31px;
padding-left: 14px;
}

#Menu_content
{
float: left;
width: 205px;
padding: 6px;
background: url("img/green.jpg") top left repeat-x;
}

#Menu_content a:hover
{
text-decoration: underline;
color: #0e88af;
}

.menu_item
{
color: #00FF00;
text-decoration: none;
padding-left: 20px;
background: url("img/arrow.gif") top left no-repeat;
margin-left: 6px;
line-height: 18px;
}

.menu_item2
{
color: green;
text-decoration: none;
padding-left: 50px;
font-size: 11px;
}

#Poll_header
{
width: 215px;
height: 31px;
float: left;
background: url("img/green.jpg") top left repeat-x;
}

#Poll
{
margin-top: 5px;
float: left;
background: url("img/green.jpg") top left repeat-x;
}

#Poll_content
{
width: 203px;
padding: 5px;
padding-left: 12px;
float: left;
background: url("img/green.jpg") top left repeat-x;
}

#Poll_content a:hover
{
text-decoration: underline;
color: #0e88af;
}

.poll_question
{
color: green;
text-decoration: none;
font-weight: bold;
}

.poll_unswer
{
color: #00FF00;
text-decoration: none;
line-height: 25px;
}

#RightPart
{
width: 680px;
float: right;
clear: left;

margin-top: -12px;
background: url("img/green.jpg") top left repeat-x;
}

*>#RightPart
{
margin-top: 8px;
clear: right;
margin-left: 5px;
}

#Page
{
width: 675px;
padding: 5px;
padding-right: 0px;
background: url("img/green.jpg") top left repeat-x;
}

*>#Page
{
padding: 5px;
background: url("img/green.jpg") top left repeat-x;

}

h1
{
color: #979a9b;
font-size: 20px;
font-weight: normal;
padding-left: 20px;
line-height: 35px;
}

#Page_header
{
background: url("img/green.jpg") top left repeat-x;
padding: 8px;
padding-right: 0px;
padding-left: 0px;
width: 669px;
}

.page_header_img
{
background: url("img/green.jpg") top left repeat-x;
width: 68px;
padding-left: 8px;
}

.page_header_text
{
width: 250px;
text-align: justify;
font-size: 11px;
color: #0e88af;
}

#Page_header tr
{
width: 670px;
background: url("img/green.jpg") top left repeat-x;
}

#Page_top
{

background: url("img/green.jpg") top left repeat-x;

font: bold;

margin-top: 8px;
margin-bottom: 8px;

width: 669px;
}

#Page_top p
{
padding: 5px;
}

#Page_top a
{
color: #074d64;
}

#Page_center
{
width: 669px;
}

.page_center_button
{
width: 31px;
}

.page_center_button span
{
display: none;
}

.page_center_buy
{
background: url("img/buy.gif") top left no-repeat;
height: 53px;
width: 31px;
float: left;
}

.page_center_info
{
background: url("img/info.gif") top left no-repeat;
height: 99px;
width: 31px;
float: left;
}

.page_center_content
{
height: 142px;
width: 170px;
background-color: white;
margin-bottom: 3px;
padding-left: 10px;
}


#Page_center tr
{
width: 669px;
margin-bottom: 5px;
}

.page_center_img
{
width: 117px;
height: 152px;
backgroundcolor: white;
margin-right: 3px;
}

.page_center_img img
{
padding-top: 30px;
padding-left: 20px;

}

.page_center_img2
{
float: left;
width: 117px;
height: 152px;

}

.page_center_img2 img
{
padding-top: 30px;
padding-left: 20px;
}

.blue2
{
color: #0e88af;
font-size: 16px;
font-weight: bold;
line-height: 45px;
}

.gray
{
color: #a6acae;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.green
{
color: #7e9b1e;
font-size: 14px;
font-weight: bold;
}

.page_center_text
{
width: 170px;
float: left;
}

#Bottombackground:
{
background: url("img/green.jpg") top left repeat-x;
width: 900px;
float: left;
margin-top: 5px;
}

.down
{
font-size: 11px;
margin-left: 650px;
text-align: left;
padding-bottom: 5px;
}

.down a
{
color: #5a5551;
}

.down2
{
margin-left: 810px;
padding-bottom: 10px;
background: url("img/green.jpg") top left repeat-x;
}

.down2 img
{
border: 0px;
}
Danke im voraus

Mfg ich
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.12.2008, 03:04
Benutzerbild von Thor
Supreme Commander
XHTMLforum-Mitglied
 
Registriert seit: 13.11.2008
Ort: Bremen
Beiträge: 156
Thor befindet sich auf einem aufstrebenden Ast
Standard

Ich hab jetzt nicht alles gelesen, aber Hintergrundfarben setzt du mit
Code:
background-color: #ffffff;
und Hintergrundbilder mit
Code:
background-image: url('image.jpg');
Wenn es für die ganze Seite sein soll, solltest du es auf <body> anwenden.
__________________
The very jung do not always do as they are told.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.12.2008, 23:23
Newbie
neuer user
Thread-Ersteller
 
Registriert seit: 02.12.2008
Ort: Klagenfurt
Beiträge: 2
wc3_monster befindet sich auf einem aufstrebenden Ast
Standard

Danke dir habs gestern auch noch hinbekommen nach ein bisschen grübeln.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Benötige Hilfe :( Html / Css Problem? Stefanie CSS 9 17.05.2011 19:12
Bitte um Hilfe - CSS und Prozentangaben sprefer CSS 3 01.03.2011 05:11
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Hilfe bei CSS Navigation trimalchio CSS 7 10.01.2011 14:13
Bitte um Hilfe bei der CSS Positionierung matschi CSS 7 10.11.2008 18:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:36 Uhr.