Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi
 
Domov > Forum > Računalništvo

Sprememba dimenzije menija z uporabo CSS

 
 
23.2.2011, 18:44
Zdravo imam probleme z template nikakor mi nerata postimat menija ce mi lahko kdo pomaga naj mi javi na ZS.

rad bi zozal zgornje polje iz 323px kolikor je sedaj na 100px



spremenil: NikMan (23.2.2011 ob 18.53.41)
 
 
 
23.2.2011, 22:58
daj še prilepi css kodo gor, ker na pamet je težko reči kaj narediti, ker menije lahko narediš na milijon načinov.
 
 
 
24.2.2011, 7:16
* {
margin: 0px;
padding: 0px;
}

body {
background: #CD9F46;
}

body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}


h1, h2, h3 {
color: #CD9F46;
}

h1 {
font-size: 3em;
}

h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #CD9F46;
}


h3 {
font-size: 1em;
}

p, ul, ol {
margin-top: 1.5em;
line-height: 1.8em;
font-size: 1.1em;
}

ul, ol {
margin-left: 3em;
}

a {
text-decoration: underline;
color: #CD9F46;
}

a:hover {
border: none;
text-decoration: none;
}

h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #CD9F46;
}

h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #CD9F46;
}

hr {
display: none;
}

#main
{
width: 1020px;
margin: 0 auto;
border-left: 5px solid #000000;
border-right: 5px solid #000000;
}


/* Header */

#header {
width: 1020px;
margin: 0 auto;
height: 424px;
}

#menu {
float: left;
height: 101px;
width: 820px;
padding-left: 200px;
background: url(images/menu.jpg) no-repeat;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
float: left;
height: 61px;
width: 115px;
margin-right: 1px;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
padding-top: 40px;
text-align: center;
background: url(images/button.jpg) no-repeat
}

#menu a:hover {
color: #ffffff;
background: url(images/button_r.gif) repeat-x;
}



/* Logo */

#logo {
width: 1020px;
height: 323px;
margin: 0 auto;
text-align: right;
background: url(images/header.jpg) no-repeat left top;
}


#logo h1 {
padding-right: 20px;
color: #ffffff;
padding-top: 250px;
font-size: 24px;
}

#logo h2 {
font-style: italic;
font-size: 10px;
padding-right: 20px;
}


#logo a {
color: #FFFFFF;
}

/* Page */

#page {
width: 1020px;
margin: 0 auto;
background: #ffffff url(images/page_back.gif) repeat-x top;
border-top: none;
padding-top: 20px;
}

/* Content */

#content {
float: left;
width: 670px;
padding-left: 40px;
}

.post {
}

.post .title {
margin: 0;
font-weight: normal;
}

.post h1.title {
height: 30px;
font-size: 2.4em;
}

.post .entry {
padding: 0 10px 30px 15px;
}

.post .meta {
margin: 0;
padding: 5px 0px 0px 15px;
background: url(images/img04.gif) repeat-x left bottom;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CD9F46;
}

.post .meta a {
color: #CD9F46;
}

.post .links {
margin: 0;
}

.post .tags {
margin: 0;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
background: url(images/img04.gif) repeat-x;
}

.post .links a, .post .tags a {
border: none;
}


/* Sidebars */

.sidebar {
float: left;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

.sidebar li {
margin-bottom: 2em;
}


.sidebar li li {
margin: 0;
}


#sidebar1 {
width: 255px;
}

#sidebar2 {
width: 255px;
}

#sidebar2 li h2 {
background: url(images/title.gif) no-repeat left top;
height: 40px;
color: #FFFFFF;
padding-left: 20px;
padding-top: 15px;
}

#sidebar2 li ul {
line-height: normal;
}

#sidebar2 li li {
padding: 5px;
background: url(images/img04.gif) repeat-x left bottom;
font-size: .8em;
}

#sidebar2 li a {
border: none;
padding-left: 10px;
}

#sidebar2 li a:hover {
border: none;
padding-left: 10px;
}

.back_title
{
background: url(images/title_back.gif) no-repeat;
}

#sidebar2 .top {
padding-top: 20px;
}



/* Footer */
#footer
{
padding: 20px;
background: url(images/footer.gif) repeat-x
}

#footer p {
text-align: center;
font-size: 9px;
color: #ffffff;
margin: 0px;
padding: 0px;
}
#footer a
{
color: #FFFFFF
}


spremenil: Matej V. (24.2.2011 ob 08.12.04)
 
 
 
24.2.2011, 7:51
/* Logo */

#logo {
width: 1020px;
height: 323px; /*tukaj nastavi na 100*/
margin: 0 auto;
text-align: right;
background: url(images/header.jpg) no-repeat left top;
}


Si poskusil tukaj iz 323px na 100px nastavit višino?
 
 
 
24.2.2011, 9:11
sem poskusil pa se potem use razmakne in zgleda cudno

 
 
 
24.2.2011, 9:21
ok mi je ratalo

spremenil sem
logo {
width: 1020px;
height: 100px; prej 323
margin: 0 auto;
text-align: right;
background: url(images/header.jpg) no-repeat left top;

#logo h1 {
padding-right: 20px;
color: #ffffff;
padding-top: 50px; prej 250
font-size: 24px;

#header {
width: 1020px;
margin: 0 auto;
height: 200px; prej 424



 
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!