NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: Jak udělat "rámeček" okolo obsahu?

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Neaktivní uživatel
Člen
Avatar
Neaktivní uživatel:16.6.2015 15:48

Ahoj, mám web http://winbits.us a potřeboval bych udělat "rámeček" okolo obsahu.
Něco jako tady: http://cryptodiscount.info/

Kód, který potřebuju dát do rámečku:

<div class="form-group">
<label for="address" class="col-sm-4 col-md-offset-1 col-lg-3 control-label">Your Address:</label>
<div class="col-sm-8 col-md-7" style="min-width: 350px;">
<input type="text" name="address" class="form-control" value="<?php echo $data["address"]; ?>">
</div>
</div>

<div class="form-group">
<?php echo $data["captcha"]; ?>
<div class="text-center">
<?php
if (count($data['cap­tcha_info']['a­vailable']) > 1) {
foreach ($data['captcha_in­fo']['available'] as $c) {
if ($c == $data['captcha_in­fo']['selected']) {
echo '<b>' .$c. '</b> ';
} else {
echo '<a href="?cc='.$c­.'">'.$c.'</a> ';
}
}
}
?>
</div>
</div>
<center><ins class="bmadblock-5579e552c4aac1967d22653­a" style="displa­y:inline-block;width:336px;he­ight:280px;"><­/ins>
<script async type="applica­tion/javascrip­t" src="//ad.bit­media.io/js/ad­bybm.js/5579e552­c4aac1967d22653­a"></script></cen­ter>

Odpovědět
16.6.2015 15:48
Neaktivní uživatelský účet
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Neaktivní uživatel
Michal Šmahel:16.6.2015 16:00

Příště dávej code do určených značek.
Rámeček se dělá pomocí CSS.

.třída {
    border: velikost typ barva;
}

Ty to můžeš obalit <div>em a tomu nastavit rámeček.

Nahoru Odpovědět
16.6.2015 16:00
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Neaktivní uživatel
Člen
Avatar
Odpovídá na Michal Šmahel
Neaktivní uživatel:16.6.2015 16:17

Dobře, díky. Jak přesně bych to musel udělat aby to bylo stejně nebo aspoň podobně jako na http://cryptodiscount.info/ ?

Akceptované řešení
+5 Zkušeností
Řešení problému
Nahoru Odpovědět
16.6.2015 16:17
Neaktivní uživatelský účet
Avatar
Filip Stryk
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Filip Stryk:16.6.2015 16:20 
<div class="trida">
<div class="form-group">
<label for="address" class="col-sm-4 col-md-offset-1 col-lg-3 control-label">Your Address:</label>
<div class="col-sm-8 col-md-7" style="min-width: 350px;">
<input type="text" name="address" class="form-control" value="<?php echo $data["address"]; ?>">
</div>
</div>

<div class="form-group">
<?php echo $data["captcha"]; ?>
<div class="text-center">
<?php
if (count($data['captcha_info']['available']) > 1) {
foreach ($data['captcha_info']['available'] as $c) {
if ($c == $data['captcha_info']['selected']) {
echo '' .$c. ' ';
} else {
echo ''.$c.' ';
}
}
}
?>
</div>
</div>
<center><ins class="bmadblock-5579e552c4aac1967d22653a" style="display:inline-block;width:336px;height:280px;"></ins>
<script async type="application/javascript" src="//ad.bitmedia.io/js/adbybm.js/5579e552c4aac1967d22653a"></script></center>
</div>
 
Nahoru Odpovědět
16.6.2015 16:20
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.