Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Style.css - jak w to wplątać header - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Style.css - jak w to wplątać header (/thread-style-css-jak-w-to-wplatac-header)



Style.css - jak w to wplątać header - milanista7 - 02-04-2010

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ć?


RE: Style.css - jak w to wplątać header - Marcin - 02-04-2010

Chodzi Ci o jakiś obrazek, grafikę zamiast tego zielonego Co*to*jest*Qday?


RE: Style.css - jak w to wplątać header - milanista7 - 03-04-2010

(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ś ?