Tweet
Hallo.
Ich habe mir ein Template gekauft und möchte es jetzt im groben an meine alte HP anpassen.(Farbe, Logo, usw.) Ich will damit sagen. Es soll durch das Template ein neuer Internetauftritt im neuen Design mit ein paar alten Einflüssen geschaffen werden.
Leider habe ich mit CSS keine Erfahrung. Habe meine jetzige Seite im Dreamweaver mit php geschrieben und möchte das auch beibehalten.
Wer kann mir helfen. Meine Seite liegt mir sehr am Herzen.
Für Antworten wäre ich sehr dankbar.
Für den Anfang mal den Stylesheet. Ich bekomme das Logo einfach nicht so eingepasst,dass sich die Navibuttons unter dem Logo angliedern.
Edit (autom. Beitragszusammenführung):
Ich habe mir ein Template gekauft und möchte es jetzt im groben an meine alte HP anpassen.(Farbe, Logo, usw.) Ich will damit sagen. Es soll durch das Template ein neuer Internetauftritt im neuen Design mit ein paar alten Einflüssen geschaffen werden.
Leider habe ich mit CSS keine Erfahrung. Habe meine jetzige Seite im Dreamweaver mit php geschrieben und möchte das auch beibehalten.
Wer kann mir helfen. Meine Seite liegt mir sehr am Herzen.
Für Antworten wäre ich sehr dankbar.
Für den Anfang mal den Stylesheet. Ich bekomme das Logo einfach nicht so eingepasst,dass sich die Navibuttons unter dem Logo angliedern.
Edit (autom. Beitragszusammenführung):
Code:
ul {margin:0px; padding:0px; list-style:none; line-height:24px;}
li {padding:0px; background:url(images/bg_ul.gif) bottom repeat-x;}
li a {color:#333300; text-decoration:none;}
.ul_2 li {padding:0px; background:url(images/ul_2.gif) bottom repeat-x;}
body{
padding:0;
margin:0;
background:#FFFFFF url(images/bg.gif);
width:100%;
vertical-align:top;
font-family: arial;
color:#FFFFFF; line-height:14px; font-size:12px;
}
html{ font-size:11px;}
a:hover {text-decoration:none;}
form, div, input, textarea{ margin:0; padding:0;}
input, textarea {font-family: tahoma; color:#333300; line-height:14px; font-size:11px;}
input, textarea {width:192px; padding:2px 0px 0px 5px;}
input {height:21px;}
b {color:#45860A;}
.dt {
width:100%;
display:table;
text-align:left;
}
.dr {
width:100%;
display:table-row;
height:100%;
}
.dc {
vertical-align:top;
display:table-cell;
vertical-align:top;
width:100%;
}
.flash {width:765px; height:260px; background:#fff url(images/logo_xl.jpg) bottom center no-repeat;}
.main {width:765px; height:100%;}
.content {width:765px; background:url(images/bg_cont.jpg) top left no-repeat;}
.boxes {height:505px; width:765px;}
.box_1 {background:#CCCC99;}
.box_1_tl {background:#CCCC99 url(images/box_1_lt.gif) top left no-repeat;}
.box_1_bl {height:100%; background:url(images/box_1_lb.gif) bottom left no-repeat;}
.box_1_tr {background:#CCCC99 url(images/box_1_tr.gif) top right no-repeat;}
.box_1_br {height:100%; background:url(images/box_1_br.gif) bottom right no-repeat;}
.box_2_t {background:#F1F1E3 url(images/box_2_t.gif) top repeat-x;}
.box_2_b {background:url(images/box_2_b.gif) bottom repeat-x;}
.box_2_l {background:url(images/box_2_l.gif) top left no-repeat;}
.box_2_r {background:url(images/box_2_r.gif) top right no-repeat;}
.box_3 {background-color:#FFFFFF;}
.box_3_tr {background:#FFFFFF url(images/box_3_tr.gif) top right no-repeat;}
.box_3_tr2 {background:url(images/box_3_tr.gif) top right no-repeat;}
.box_3_br {height:100%; background:url(images/box_3_br.gif) bottom right no-repeat;}
.box_3_tl {background:#FFFFFF url(images/box_3_tl.gif) top left no-repeat;}
.box_3_bl {height:100%; background: url(images/box_3_bl.jpg) bottom left no-repeat;}
.box_4_t {background:#E5E5C9 url(images/box_4_t.gif) top repeat-x;}
.box_4_b {background:url(images/box_4_b.gif) bottom repeat-x;}
.box_4_l {background:url(images/box_4_l.gif) bottom left no-repeat;}
.box_4_r {background:url(images/box_4_r.gif) bottom right no-repeat;}
.box_5 {background:#F7FAFC;}
.box_5_tl {background:#F7FAFC url(images/box_5_tl.gif) top left no-repeat;}
.box_5_bl {height:100%; background: url(images/box_5_bl.gif) bottom left no-repeat;}
.box_6_t {background: url(images/box_6_t.jpg) top repeat-x;}
.box_6_l {background:url(images/box_6_l.gif) top left no-repeat;}
.box_6_r {background:url(images/box_6_r.gif) top right no-repeat;}
.box_7_t {background: url(images/box_7_t.jpg) top repeat-x;}
.box_7_l {background:url(images/box_7_l.gif) top left no-repeat;}
.box_7_r {background:url(images/box_7_r.gif) top right no-repeat;}
.a1 {color:#993300; font-weight:bold;}
.a2 {color:#333300;}
.a3 {color:#666666; font-weight:bold;}
.a4 {color:#45860A;}
.a5 {color:#225C0C;}
.copy {height:72px;}
.cop {height:72px; color:#FFFFFF; font-size:13px; line-height:16px;}
.menu {color:#000000;}
.menu a {color:#FFFFFF; font-weight:bold;}
.tab {width:222px; font-size:11px;}
.tab_r {height:16px;}
.tab_c {background-color:#FBFBF7;}
.tab_1 {padding-top:1px;}
.tab_1 div {margin-left:5px;}
.tab_2 {text-align:center; padding-top:1px;}
...
Kommentar