-
Butoanele "imaginea precedenta" si "imaginea urmatoare" isi schimba pozitia in functie de dimensiunile pozei... eu vreau sa _stea fixate_.
Respect,
Andrei
EDIT: Ma bucur ca iti plac pozele :)... Opera lu' tanti aia de pe site... ( http://www.fotofemei.ro/betty.htm ). :)
-
Si totusi... care este problema ? Nu poti sa ii dai inaltimea fixa ? Ii dai inaltimea dupa cea mai mare poza care o ai, fixa.. sau, pui butoanele sus .. :)
-
Salut.
Stie cineva cum pot face ca un <div> repeat region sa isi ia un fel de justify sau wrap exact ca la text, in functie de resize-ul browser-ului ?
Vreau sa fac div-urile astea sa se comporte ca aici. (dati un resize la browser sa vedeti despre ce vorbesc)
.php-ul :
Cod:
<div id="main">
<?php do { ?>
<div id="prod_repeat">
<div id="main_image"><a href="catmagazines.php?category=<?php echo $row_top_25['PRODUCT_NAME']; ?>"><img src='<?php echo $row_top_25['IMAGE_URL']; ?>' alt="<?php echo $row_top_25['DESCRIPTION']; ?>" title="<?php echo $row_top_25['PRODUCT_NAME']; ?>"></a>
</div>
<div id="titlu_produs"><a href="catmagazines.php?category=<?php echo $row_top_25['PRODUCT_NAME']; ?>"><?php echo $row_top_25['PRODUCT_NAME']; ?></a></div>
</div>
<?php } while ($row_top_25 = mysql_fetch_assoc($top_25)); ?>
</div>
si .css-ul :
Cod:
#main {
position: absolute;
left: 208px;
top: 201px;
right: 10px;
bottom: 20px;
height: 100%;
align: center;
}
#main_image {
margin: 15px;
text-align: center;
}
#titlu_produs {
margin: 10px;
text-align: center;
}
#prod_repeat {
display: inline;
float: left;
width: 150px;
height: 200px;
border-right-color: #CCCCCC;
border-right-width: 1px;
border-right-style: dashed;
border-left-color: #CCCCCC;
border-left-width: 1px;
border-left-style: dashed;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 2px;
margin-left: 2px;
}
M-am jucat cu marginile stanga si dreapta in #prod_repeat dar nici un rezultat.
Stie cineva cum se face ?
Multam anticipat.
-
Se face usor ceea ce vrei tu necropsique:
Cod:
<html>
<head>
<style type="text/css">
.casuta{
float:left;
width:33%
}
</style>
</head>
<body>
<div class="casuta">test</div>
<div class="casuta">test</div>
<div class="casuta">test</div>
</body>
</html>
cred ca asta e cel mai simplu cod pe care il poti folosi - te mai poti juca la align etc... succes.
-
incearca margin:0px auto; si se pune pe mijloc
-
Merci ptr. raspunsuri ben si ciuboflo.
Ben, se pare ca asa am sa fac, cu un min-width de vre-o 600px pentru #main si cu width in procente ptr. div-ul respectiv iese cum trebuie.
Acum trebuie sa vad cum arata in diferite rezolutii :)
Multam, problema rezolvata. :smoke:
-
@ toto & cei interesati
M-am confruntat cu aceeasi problema a link-urilor pe fire fox iar solutia pe care am gasit-o este cu mult mai simpla decat pare problema.
am folosit in loc de ordinea fireasca
<span style="color:green">a:link, a:hover si a:visited</span>
pe urmatoarea
<span style="color:green">a:link, a:visited, a:hover </span>
-
http://www.fotofemei.ro/andrei
de ce doamne iarta-ma nu merg rolloverurile alea ca lumea???
-
sorry fratilor, le afisa DzSoft eronat.
-
Am o mica problema in css:
http://www.gexge.com/meniu.php este un meniu facut in css
In Firefox arata ok, dar in IE apar niste spatii aiurea ..
O rezolvare ?
Merci.