Dynamyc
  DeconectatMesaje: 180
|
|
header( css), Iul 14, 2008, 11:49
|
|
am un header :  am index.html : !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Wine Store </title> <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header" class="clearfix"> </div> </div><!--/wrap--> </body> </html> si screen.css: /* resetting some default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
html { font-size:100.01%; }
body { font-size:1em; }
textarea {overflow:auto}
button {cursor:pointer}
a {text-decoration:none; color:#3d72a8 }
a:hover {text-decoration:underline}
/* -----------------------------------
a better and smarter way to clear floats
--------------------------------------*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
#header {
background-image:url(../images/header.jpg);
padding:10px;
}
#wrap{
width:954px;
margin:0 auto; } problema e ca nu imi afiseaza headerul |
|
|
|
« Ultima modificare: Oct 09, 2008, 17:24 de către emi »
|
Memorat
|
|
|
|
|
danieLs
|
|
header( css), Iul 14, 2008, 12:08
|
|
pune width si height la #header
si in loc sa enumeri toate elementele
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {stuff }
pune * { sfuff }
|
|
|
|
|
Memorat
|
The only valid measurement of code quality is: WTF's/minute
(\__/)
(+'.'+) This is Bunny. Copy and paste bunny into
(")_(") your signature to help him gain world domination.
|
|
|
Dynamyc
DeconectatMesaje: 180
|
|
header( css), Iul 14, 2008, 12:55
|
|
ms, merge !
si ca sa fac ca height-ul sa fie automat sa se intinda cat am nevoie cum fac ?
ca l-am pus putin mai jos si deja e e la jumatatea paginii
|
|
|
|
|
Memorat
|
|
|
|
|
danieLs
|
|
header( css), Iul 14, 2008, 13:48
|
|
daca pui o imagine ca background la un div nu ai cum pune width sau height automat doar din css
ai putea cu javascript, sa faci ca sa seteze widht si height in functie de dimensiunile imaginii, dar nu prea e recomandat sa depinzi de javascript
|
|
|
|
|
Memorat
|
The only valid measurement of code quality is: WTF's/minute
(\__/)
(+'.'+) This is Bunny. Copy and paste bunny into
(")_(") your signature to help him gain world domination.
|
|
|
|
Ronny
|
|
header( css), Iul 14, 2008, 15:42
|
|
height: auto; Eu asta folosesc si-l face cat de mare este bannerul. |
|
|
|
|
Memorat
|
|
|
|
emi
  ConectatMesaje: 815
|
|
header( css), Iul 14, 2008, 17:44
|
|
o varianta simplificata: (asta trebuia testata prima) screen.css body { background-image: url('header.jpg'); background-repeat:no-repeat; } index.html <html>
<head>
<title>Wine Store </title>
<link rel="stylesheet" href="screen.css" type="text/css" />
</head>
<body>
</body>
</html> |
|
|
|
« Ultima modificare: Oct 09, 2008, 17:24 de către emi »
|
Memorat
|
|
|
|
|
AdyX
|
|
header( css), Iul 14, 2008, 18:51
|
|
Poti folosi si procente. Ca sa se intinda pe toata latimea ecranului, spre exemplu, poti folosi asa: .class {
width: 100%
} |
|
|
|
|
Memorat
|
|
|
|
Dynamyc
DeconectatMesaje: 180
|
|
header( css), Iul 16, 2008, 11:04
|
|
mai am o intrebare :  am pus headerul dar mie imi apare in centrul site-ului si nu vreau asta , vreau sa fie asezat exact ca in imagine si cum as putea sa fac negrul acela pana in header , am incercat sa il pun in css dar se suprapune uita0ti fisierele: /* resetting some default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
html { font-size:100.01%; }
body { font-size:1em; }
textarea {overflow:auto}
button {cursor:pointer}
a {text-decoration:none; color:#3d72a8 }
a:hover {text-decoration:underline}
/* -----------------------------------
a better and smarter way to clear floats
--------------------------------------*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
body { background:url(../images/headermic.jpg) no-repeat fixed center top; }
#wrap{
width:954px;
margin:0 auto;
} si index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Wine Store </title> <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header" class="clearfix"> <div class="left"> </div><!--/.left--> </div><!--header /.clearfix--> </div><!--/wrap--> </body> </html> |
|
|
|
« Ultima modificare: Oct 09, 2008, 17:24 de către emi »
|
Memorat
|
|
|
|
|
|
|
