Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jak dopasowac wielkosc loga do ramki ?
Forum PHP.pl > Forum > Przedszkole
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 exclamation.gif!
Daimos
Cytat
width="100%"

zaznaczyles ze ma byc szerokosc 100% wiec co sie dziwisz snitch.gif
width i height podawaj w pikselach
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
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
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.