Ocena wątku:
  • 1 głosów - średnia: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Style.css - jak w to wplątać header
#1
Sytuacja wygląda tak:
Kod:
*/
* {
    border:0;
    margin:0;
    padding:0;
}

/* body */
body {
    background:#fff;
    color:#666;
    font:1em/100% Verdana, sans-serif;
    line-height:1.4em;
}

/* general */
a {
    color:#9C0;
    text-decoration:none;
}
a:hover {
    color:#555;
    text-decoration:none;
}

/* header */
#header {
    background:#323232 url('image/background_header.jpg') center repeat-y;
    width:100%;
  background: url(images/cotojestqday.png) no-repeat left top;
}
#header:after {
    clear:both;
    content:'.';
    display:block;
    height:0;
    visibility:hidden;
}
#header_inside {
    border-left:1px solid #bbb;
    border-right:1px solid #bbb;
    margin:0 auto;
    width:800px;
}
#header_inside h1 {
    color:#fff;
    float:left;
    font:3.2em 'Trebuchet MS', Verdana, sans-serif;
    height:100px;
    line-height:100px;
    margin:0 0 0 20px;
    width:180px;
}
#header_inside h1 span {
    color:#9c0;
}
#header_inside ul {
    float:right;
    height:100px;
    list-style:none;
    width:600px;
}
#header_inside ul li {
    border-right:1px solid #555;
    float:right;
    height:100px;
    list-style:none;
    width:75px;
}
#header_inside ul li a {
    color:#fff;
    display:block;
    height:50px;
    line-height:50px;
    padding:50px 0 0;
    text-align:center;
    width:75px;
}
#header_inside ul li a:hover {
    background:#fff;
    color:#111;
}
#header_inside ul li a.active {
    background:#fff;
    color:#111;
}

/* content */
#content {
    background:#fff url('image/background_content.jpg') center repeat-y;
    clear:both;
    width:100%;
}
#content_inside {
    border-left:1px solid #bbb;
    border-right:1px solid #bbb;
    margin:0 auto;
    width:800px;
}
#content_inside_sidebar {
    border-left:1px solid #bbb;
    clear:both;
    float:right;
    height:auto;
    line-height:175%;
    margin:5px 0;
    padding:0 10px;
    width:200px;
}
#content_inside_sidebar h2 {
    background:#fff;
    color:#000;
    font-size:110%;
    font-weight:400;
    padding:5px 0;
    text-align:right;
}
#content_inside_sidebar ul {
    letter-spacing:-1px;
    list-style:none;
    margin:0 0 10px;
}
#content_inside_sidebar ul li {
    list-style:none;
}
#content_inside_sidebar ul li a {
    border-bottom:1px solid #e9e9e9;
    display:block;
    padding:3px;
    text-align:right;
    width:194px;
}
#content_inside_sidebar ul li a:hover {
    background:#ddd;
    color:#000;
}
#content_inside_main {
    background:#fff;
    float:left;
    letter-spacing:-1px;
    line-height:175%;
    margin:0 auto;
    padding:10px;
    width:559px;
}
#content_inside_main h1 {
    border-bottom:1px solid #ccc;
    font-size:125%;
    padding:0 0 2px;
}
#content_inside_main h2 {
    color:#ccc;
    font-size:115%;
    text-align:right;
}
#content_inside_main p {
    padding:0 0 10px;
}

/* footer */
#footer {
    background:#323232 url('image/background_footer.jpg') center repeat-y;
    clear:both;
    height:100px;
    width:100%;
}
#footer_inside {
    border-left:1px solid #bbb;
    border-right:1px solid #bbb;
    height:100px;
    margin:0 auto;
    width:800px;
}
#footer_inside p {
    color:#fff;
    line-height:100px;
    text-align:center;
}

adres strony to http://www.cotojestqday.cba.pl
chciałbym jakoś wstawić header na stronie. Aktualnie go nie ma. tylko napis gdyż styl zdaje się na to nie pozwala. Jak to zmienić?
Odpowiedz
#2
Chodzi Ci o jakiś obrazek, grafikę zamiast tego zielonego Co*to*jest*Qday?
Odpowiedz
#3
(02-04-2010, 17:14)Marcin napisał(a): Chodzi Ci o jakiś obrazek, grafikę zamiast tego zielonego Co*to*jest*Qday?
tak dokładnie. ale tam nie ma normalnego headera tylko jakieś reapet po 1px :/
(03-04-2010, 03:39)milanista7 napisał(a):
(02-04-2010, 17:14)Marcin napisał(a): Chodzi Ci o jakiś obrazek, grafikę zamiast tego zielonego Co*to*jest*Qday?
tak dokładnie. ale tam nie ma normalnego headera tylko jakieś reapet po 1px :/

i jak ? poradzisz coś ?
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [kod]Header flow lub inny sposob na div ze scrollem qu3rn 1 2,677 10-06-2015, 22:25
Ostatni post: Kartofelek
  header. Nie wiem jak przesłać stronę eremen 0 1,649 28-02-2012, 03:01
Ostatni post: eremen
  Phpbb2 by przemo - odnośniki w header. SanKylo 0 1,561 06-11-2011, 00:05
Ostatni post: SanKylo
  Problem ze <style> bobson32 7 4,913 23-01-2011, 19:06
Ostatni post: bobson32
  Header na całą szerokość strony barttheway 3 3,388 20-08-2010, 21:59
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl