jak dopasowac wielkosc loga do ramki ? Opcje

[martino277]

siemka all? pisze bo mam problem na stronie tu mam logo i chcialbym je dopasowac do wielkosci tego czarnego koloru powiekszlaem logo w programie graficznym i nic sie niezmienia zmienialem w kodzie ale powieksza sie tak ze z cala ramka zamiast dopasowac sie do niej podaj kod do tego

<div id="naglowek"><div class="zawartosc">
<a href="http://www.bialapodlaska.net.pl"><img
src="/g/logo.gif" width="100%" height="100"
alt="bialapodlaska.net.pl" border="0" /></a>
</div></div>

z gory dziekuje za wyjasnienie mi tego jak mam to zrobic pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) !

Ten post edytował martino277 7.07.2007, 15:55:23

[Daimos]

width="100%"

zaznaczyles ze ma byc szerokosc 100% wiec co sie dziwisz (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
width i height podawaj w pikselach

Ten post edytował my salsa 7.07.2007, 16:01:32

[martino277]

w pikselach to samo powieksza sie ale wraz zramka a chce zeby sie dopasowalo do niej a ramka ma zostac taka sama caly czas

[mrjozo]

W pliku skin css to #naglowek .zawartosc masz zamień na:

Kod

#naglowek .zawartosc {
  border:1px solid red;
  color:red;
  font-size:20px;
padding: 0;
}

[martino277]

zmienilem padding na zero ale dalej nietak jak chce moze jeszcze cos zmienic w stylach tylko co?

moze podam style cale do tego to ktos bardziej mi podpowie o to style do tego

body { font-family:kristen itc; font-size:20px; text-align:center; }
body div { text-align:left; }
a { color:blue;}

#strona {
width:70%; margin-left:auto; margin-right:auto;
border:1px solid gray; padding:2px;
}
a:hover {
font-weight: bold;
text-decoration:underline;
color:#0000CC;
}
#naglowek { }
#lewa { float:left; width:20%; }
#prawa { float:right; width:80%; }
#stopka { clear:both; }

#naglowek .zawartosc {
border:1px solid black;
padding:0;
padding-left:0;
background:black;
color:red;
font-size:20px;
}

#lewa .zawartosc {
padding:5px;
color:navy;
margin-top:5px;
margin-bottom:0px;
}

#prawa .zawartosc {
border-left:1px solid gray;
padding:5px;
color:navy;
margin-top:0px;
margin-bottom:0px;
}

#stopka .zawartosc {
border:1px solid navy;
padding:5px;
padding-right:10px;
background:#eeeedd;
color:maroon;
font-size:17px;
text-align:center;
}

.tytul {
font-size:18px;
color:gray;
border-left:10px solid #eeeeee;
padding-left:10px;
}

juz jest prawie dobrze tylko jak ten czarny pasek wyweliminowac jeszcze pod logo

Ten post edytował martino277 7.07.2007, 16:26:36

[mrjozo]

ustaw wysokość:

Kod

#naglowek .zawartosc {
  border:1px solid red;
  color:red;
  font-size:20px;
padding: 0;
height: 100px; /* tutaj wysokosc obrazka */
}

wysokośc obrazka podawaj w pixelach

i wyeliminuj błędy: http://validator.w3.org/check?uri=http%3A%...azyplanet.pl%2F

Ten post edytował mrjozo 7.07.2007, 16:45:45

[martino277]

ok dziekuje za pomoc odnosnie tych bledow to nieiwem czy je poprawie bo niewiem czy dobrze mysle ale tu chodzi o to ze kod jest nieuporzadkowany zreszta przetranslatuje ta strone i dojde do tego moze jakos sam a jak nie to otworze nowe temat odnosnie mych bledow pozdrawiam i dzieki za pomoc