Domov > HTML/CSS in dizajniranje spletnih strani > CSS problem
stran 1 od 1 |< < 1 > >|
CSS problem
 
Spacer 7. maj 2010 01:45:15 Pridružen od:
6. maj 2010
8 objav
 0 0 0
#1

Spet imam en problem in sicer se mi v primeru da stran od-zoomiram (ctr "plus" -) le ta prelomi.. V glavnem divu želim imeti 4 kvadrate, kateri naj bodo vsi v vrsti, kljub temu, da stram odzoomiram..



Prosim za pomoč...



Pa še koda:


<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style type="text/css">

#wide_full {

    width: 963px;

    float: left;

    border-left: 1px solid #202020; border-right: 1px solid #202020; border-bottom: 1px solid #202020;

    margin-bottom: 30px;

    padding:0px;

}



.list_videos .item {

    float: left;

    width: 176px;

    padding: 0px;

    height: 185px;

    border: 1px solid #434343;

    margin: 5px 6px 7px 8px;

    display: inline;

}

</style>

  </head>

<body>



<div id="wide_full">

  <div class="list_videos">

    <div class="item"></div>

    <div class="item"></div>

    <div class="item"></div>

    <div class="item"></div>

    <div class="item"></div>

  </div>

</div>



  </body>

</html>

Hvala za pomoč


všeč(0) ni všeč(0) spam(0)
 
 
Spacer 7. maj 2010 10:25:14 Pridružen od:
6. maj 2010
8 objav
 0 0 0
#2

mogoče kdo ve ?


všeč(0) ni všeč(0) spam(0)
 
 
Lucifix 7. maj 2010 10:31:43 Pridružen od:
14. okt 2008
744 objav
 438 12 0
#3

.list_videos .item {

float: left;

width: 176px;



Raje uporabi za width tukaj procente (recimo 18%). Ni ravno najboljša rešitev, tako da boš moral še malo prilagoditi širine.


všeč(0) ni všeč(0) spam(0)
www.slo-foto.net
 
 
Spacer 7. maj 2010 10:40:33 Pridružen od:
6. maj 2010
8 objav
 0 0 0
#4

sem dal v procente pa je rezultat isti :(


všeč(0) ni všeč(0) spam(0)
 
 
perunpro 7. maj 2010 12:11:20 Pridružen od:
23. maj 2008
3360 objav
 2892 217 19
#5

Tezko imas nekaj v %, potem pa margine in border v px, po mojih izkusnjah to ne gre najbolje skupaj.



Dela zoom tudi pri PX, AFAIK, za plus povecevanje, tako kot imas tukaj. V % potem das se margin (lahko tudi tako margin: 5px 0.5% 7px 0.5%;) in meni dela :)


všeč(0) ni všeč(0) spam(0)
 
 
Spacer 7. maj 2010 13:24:06 Pridružen od:
6. maj 2010
8 objav
 0 0 0
#6

@perunpro potem sta razmaka na levi in desni strani razlicna in to precej učitno..

Ma s to glupo foro se dajem ze dva dni pa mi nikakor ne gre skups pravit..


všeč(0) ni všeč(0) spam(0)
 
 
perunpro 7. maj 2010 14:25:35 Pridružen od:
23. maj 2008
3360 objav
 2892 217 19
#7

Pa drugace napisi, naj ima wide_full padding, notri das pa samo margin-right.



To je prednost CSSja, obstaja milijon in ena moznost kako napisati da bo (zelo) enako izgledalo!


všeč(0) ni všeč(0) spam(0)
 
 
Spacer 8. maj 2010 12:02:20 Pridružen od:
6. maj 2010
8 objav
 0 0 0
#8

ma ne gre in ne gre.. še zdaj nisem uspel rešiti. naj gre vse nekam..


všeč(0) ni všeč(0) spam(0)
 
 
neskoncno 8. maj 2010 16:10:40 Pridružen od:
25. maj 2009
549 objav
 288 57 6
#9

Border ne štima;) Ko se zadeva procentualno manjša zaradi zooma samo boarder ohranja zmeraj tisti 1px;) In tako enkrat preseže velikost kontejnerja in potem se prelomi.


všeč(0) ni všeč(0) spam(0)
neskoncno
 
 
perunpro 8. maj 2010 22:23:24 Pridružen od:
23. maj 2008
3360 objav
 2892 217 19
#10

Spacer, recimo:


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style type="text/css">

#wide_full {

float: left;

border-left: 1px solid #202020; border-right: 1px solid #202020; border-bottom: 1px solid #202020;

margin-bottom: 30px;

padding:0px;

}



.list_videos {

padding: 5px 0px 7px 0px;

float: left;

}



.list_videos .item {

float: left;

width: 176px;

padding: 0px;

height: 185px;

border: 1px solid #434343;

margin: 0px 6px 0px 8px;

display: inline;

}

</style>

</head>

<body>



<div id="wide_full">

<div class="list_videos">

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

</div>

</div>



</body>

</html>

Dela v FF, ostalo nisem sprobaval.


všeč(0) ni všeč(0) spam(0)
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > CSS problem
stran 1 od 1 |< < 1 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se