Megjelenítés

[Rimelek]

mire kéne átlátszó gif?
Csak meg kell adni az adott elemnek css-ben, hogy

Kód: CSS

1. border-left: solid 1px black;

Illetve a jobb oldalnak is. És akkor két oldalt van keret. Alul felül nincs.

[mecs]

Kép nélkül nem lehet megoldani, minimum egy átlátszó gif kell hozzá.

[Zordon]

Jötte vissza idegesiteni Rimelek... meg lehet azt oldani css-el hogy minden border: none; legyen kivéve 2 oldal szegély és itt 2 táblázat van egymásba téve...
Inkáb beillesztem...
css

Kód: CSS

1. table.index, table.indexmain { width: 100%; border: none;}
2. .avatar { width: 75px; height: 75px; }
3. .document { width: 65%; }
4. .main { width: 35%; }
5. td.color {
6. border-bottom-color: #0000FF;
7. border-top-color: #0000FF;
8. border-bottom-width: thin;
9. border-top-width: thick;
10. }

html

Kód: HTML

1. <table class="index">
2.   <tr>
3.     <td class="avatar"><img src="../266603.jpg" border="1"></td>
4.         <td class="color">
5.                 <table class="indexmain">
6.                         <tr>
7.                                 <td class="document">
8.                                         <div><?= profile("teljes_nev");?></div>
9.                                         <div><?= profile("becenev");?></div>
10.                                         <div><?= profile("lakhely");?> [<?= profile("ismerosok");?>]</div>
11.                                 </td>
12.                                 <td class="main"><div>Main</div></td>
13.                         </tr>
14.                 </table>
15.         </td>  
16.   </tr>
17. </table>

Előre is köszönöm!
ut.: Nekem eddig még sehogyse jött össze

[Zordon]

Mozilla hibakonzol megvolt?

ööö...Nem de rájöttem a html kódban a border="0" volt és emiatt nem jelenitette meg a dolgokat (css-hez még egy kicsit hülye vagyok) de köszi azért

[Rimelek]

Mozilla hibakonzol megvolt?

[Rimelek]

Ha valami elcsúszik, akkor mégse működik olyan tökéletesen. A másik megoldást a floatolása próbáltad már?
A középső div viszont nem hiszem hogy fel tudja venni a maradék szélességet, mert ahhoz, hogy a két szélső ne függjön a közöttük levő tartalomtól, pisition: absolute; kellene. Akkor viszont a középső sem tud a két szélsőről. És a maradék szélesség neki a teljes dokumentum szélessége lesz.
Ennyire sose volt erősségem a css, de most így látom.

[Keveqiah]

na akkor újra..

ez az ki sinformációs doboz egy div fix szélességgel.. több divet is tartlamaz inline-okkal is. majd jött volna ez a 3 div egy <p> vagy <br/>törlés után. a két nyíl float:left és right-al tökéletesen a két oldalra került. stimm.. a kettő közé akartam egy 3. divet is, ami felveszi a két szélső div közti távolságot és a benne lévő szöveget középreigazítja..
De bárhogy próbálkoztam, vagy följebb, lejebb, jobbra balra valahogy mindig eltolta vagy a szöveget, vagy a képet fél sorral vagy bármilyen különbséggel..

csatolom a kódot is hozzá.

Kód: PHP

1.      echo "<div class='osszesites_box' style='width: 200px;'>";
2.      echo "<div style='height: 16px; padding: 2px; background-color: #ffffff;'>";
3.      echo "<img src='icons/info.png' style='width: 16px; height: 16px;' onclick='sh(\"bovebben\")'> </div>";
4.           echo "<form  method='POST'>
5.                 <input type='hidden' name='oldal' value='".$oldal."'>";
6.           echo "<div id='bovebben' style='padding: 5px; font-size: 11px;'>";
7.           echo "Kategória: <b>".$cat_name."</b><br/>";
8.           echo "Albumok összesen: <b>".$count_alb."</b><p>";
9.           echo "<div style='width: auto; height: 10px; text-align: center; margin: 0px; padding: 0px;'>";
10.           echo "<input type='submit' value='' class='submit' style='float: left; background: url(icons/rewind.png); width: 24px; height: 24px;' name='hatra'>";
11.           echo "<input type='submit' value='' class='submit' style='float: right; background: url(icons/fast_forward.png); width: 24px; height: 24px;' name='elore'>";
12.           echo "Oldal: <b>".($oldal+1)."/".$oldalak."</b></div>";
13.           echo "</div></form>";
14.      echo "</div>";
15.  

css

Kód: CSS

1. .osszesites_box
2. {
3.         padding: 1px;
4.         border: 1px solid #c0c0c0;
5.         position: absolute;
6.         top: 5px;
7.         right: 5px;
8.         width: auto;
9.         max-width: 300px;
10.         min-height: 20px;
11.         background-color: #ffffff;
12.         z-index: 11;
13. }
14.  

[<madbence />]

nyugodtan lehetett volna mind3 divet balra floatolni , a középsőnek szélességet megadni.

[Rimelek]

De miért kell float: left, aztán középen semmi, majd float: right; ?
Nem egyszerűbb float: left; az első kettőnek?

[Keveqiah]

köszi lllaaaccc...
végülis a te kódodból szedegettem össze.
ez lett belőle.
eddig a két kép között volt a szöveg. de most a két kép után van, csak a pozíció más.. már azon gondolkoztam, hogy inkább táblázatot használok.. az jobban fekszik nekem még mindig, mint a div.

Kód: HTML

1. <div style='width: auto; height: 10px; text-align: center; margin: 0px; padding: 0px;'>";
2.   <input type='submit' value='' class='submit' style='float: left; background: url(icons/rewind.png); width: 24px; height: 24px;' name='hatra'>";
3.   <input type='submit' value='' class='submit' style='float: right; background: url(icons/fast_forward.png); width: 24px; height: 24px;' name='elore'>";
4. Oldal: <b>"...."</b>
5. </div>
6.  

[Semmu]

ha a szülő divnek konkrét magassága meg van adva, minden kicsúszhat belőle.
próbáld ki ezt:

Kód: HTML

1. <div style="width:200px; height:25px; text-align:center">
2. <div style="width: 25px; height:25px; float:left;"> $laquo; </div>
3. <div style="width: 25px; height:25px; float:right;"> $raquo; </div>
4. Szöveg
5. </div>

persze elejére:

Kód: CSS

1. *{margin:0px;padding:0px;border:0px solid;}

[Keveqiah]

miért van az, hogy a diven belüli div kikerül a divből?  :shock:

a képen látható, hogy van két nyíl.. ezeket kéne két oldalra.. ez még megy.. float: left, right
a kettő közé szeretném az oldalszámozást középre..
de elcsúszik..
Most így néz ki a divek "halmaza"..
(vázlat)

Kód: HTML

1. <div align="center">
2.   <div> .. </div>
3.   Szöveg
4.   <div> .. </div>  
5. </div>

[Semmu]

<div align="center">
</div>

majd ebbe tennék egy megadott szélességű divet, melyet már ez középre rak

[Keveqiah]

Kérdés..
Adott 3 Div. Lehetlőleg egymás mellett.. bal, jobb oldal és közép.

Hogy lehet a kettő közöttit középre igazítani?

Kód: HTML

1. <div style='float: left;'> .. </div>
2. <div style='position: relative; ????? '> .. </div>
3. <div style='float: right;'> .. </div>
4.  

próbáltam a left, right -nak %-ot megadni, de valahogy mindig máshová tolja.. :S

[Semmu]

http://www.curvycorners.net/examples.php

és még külön oldal is van neki..bár tényleg nem is rossz