Div vedla seba – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Div vedla seba – CSS – Fórum – Programujte.comDiv vedla seba – CSS – Fórum – Programujte.com

 

Toto vlákno bylo označeno za vyřešené — příspěvek s řešením.
Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
zelenac10
Návštěvník
26. 3. 2012   #1
-
0
-

Dobrý deň,chcem sa opytať či sa daju dať vedla seba dve okna divu,ale tak aby sa uložili automaticky vedla seba,aby to nemuselo byť v css určené...

HTML kód:

         <div id="ramcek">
            <img src="../images/img.jpg"> <br>
            cena: 1,20€<br>
            <input type="submit" name="tl1" class="kupit" value="">
            <input type="submit" name="tl2" class="detail" value="">
            
         </div>
         <div id="ramcek">
            <img src="../images/img.jpg"> <br>
            cena: 1,20€<br>
            <input type="submit" name="tl1" class="kupit" value="">
            <input type="submit" name="tl2" class="detail" value="">
            

a css: 


/* Obsah*/
div#obsah {background: #373c5b url('../images/bg.jpg');  background-repeat:repeat-x;width: 100%; height: auto; margin: 0px auto 0px auto; padding: 0px 0px 0px; position: relative; display: block;  text-align: center;}
div#obsah div#center {background: #e0dddd; width: 964px; min-height: 500px; margin: 0px auto 0px auto; padding: 0px 0px 0px; position: relative; display: block;}

div#obsah div#center div#stred{width: 594px; height: auto; float:left; margin:0px 0px 0px 0px; left:186px; background: #e0dddd;} 

div#obsah div#center div#stred div#ramcek {border:1px solid #a4a1a1; width: 169px; min-height: 169px; margin: 10px 0px 0px 10px; padding: 0px 0px 0px; position: relative; display: block;  text-align: center; font-size:15px;} 
div#obsah div#center div#stred div#ramcek img {margin: 3px 3px 3px 3px;  text-align: center;} 
div#obsah div#center div#stred div#ramcek input.kupit {background: #373c5b url('../images/kupit.jpg');width: 69px; height: 23px; border:0px; margin: 0px 0px 5px 0px;} 
div#obsah div#center div#stred div#ramcek input.detail {background: #373c5b url('../images/detaily.jpg');width: 69px; height: 23px; border:0px;margin: 0px 0px 5px 0px;}  

čo tam musim upraviť ak sa to dá...Ďakujem

Nahlásit jako SPAM
IP: 193.93.72.–
Vkuse sa len učím :)
Reklama
Reklama
pedro.cze
~ Anonymní uživatel
17 příspěvků
27. 3. 2012   #2
-
0
-

#1 zelenac1
Zkusil bych u jednoho rámečku nastavit float - v css (pokud jsem to pochopil správně, tak to nechceš manuálně pozicovat), a ještě podle mě je možnost použít id jako identifikátor pro prvek jen u jednoho prvku. Pokud chceš použít stejnej identifikátor vícekrát (u víc prvků), měl bys použít atribut class (viz ramcek).

Nahlásit jako SPAM
IP: 2001:718:1e02:9122:22cf:3...–
kavva+4
Návštěvník
27. 3. 2012   #3
-
0
-

DIVka idu nativne pod seba ak si dobre pametam. Bez CSS ich neposadis k sebe. Staci dat float: left na prve.. Ale nezabudni potom dat pod ne DIVko s CSS clear:both, aby ti neukladalo aj tie co nechces. 

Nahlásit jako SPAM
IP: 195.212.29.–
Řešení
Nefaritus
~ Redaktor
+2
Posthunter
27. 3. 2012   #4
-
+1
-
Zajímavé
Vyřešeno Nejlepší odpověď

Předpokládám, že chceš vedle sebe řadit ty divy s idetifikátorem #ramecek. V CSS u nich máš napsané display: block; - změn to na display: inline-block; a budou se řadit vedle sebe.

Nahlásit jako SPAM
IP: 89.103.4.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 14 hostů

Podobná vlákna

3 tabulky vedla seba — založil Katka

Natahovací DIV — založil OT

Zjednodusenie DIV-u — založil Kuko.sk

Prekryvanie div — založil Anonymous

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý