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

HTML a CSS HTML a CSS Jak udělat "rámeček" okolo obsahu? American English version English version

Avatar
Noque
Člen
Avatar
Noque:

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 '' .$c. ' ';
} else {
echo ''.$c.' ';
}
}
}
?>
</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
Avatar
Odpovídá na Noque
Michal Šmahel (ceskyDJ):

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
Noque
Člen
Avatar
Odpovídá na Michal Šmahel (ceskyDJ)
Noque:

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
Avatar
Filip Stryk
Redaktor
Avatar
Odpovídá na Noque
Filip Stryk:
<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
„Neděláš dobře, když chválíš to, čemu nerozumíš, ale ještě horší je, když to haníš.“ Leonardo DaVinci
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.