Prosím help (orámování, odsazení)

Prosím help (orámování, odsazení)

~ Anonymní uživatel
~ 1 příspěvek

5. 1. 2012 #1

Prosím mám tady tento styl a potřeboval bych aby se mi roztahl top, content bych chtel oramovat cernou barvou, a text v kazdym boxu trochu od hran odsadit. prosim pomoc

CSS

html {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    font-family: arial, calibri, helvetica;
    font-style: oblique;
    font-weight: bold;
    font-size:medium;
    color:black;

    background-color: black;
    height: 100%;
    margin: 0;
    padding: 0;
}

.top {
    background-color: blue;
    height: 100px;
}
.foot {
    background-color: green;
    bottom: 0;
    height: 50px;
    position: absolute;
    width: 100%;
}
.middle {
    border-top-width: medium;
    border-color: black;
    background-color: red;
    bottom: 50px;
    overflow: auto;
    position: absolute;
    top: 80px;
    width: 100%;
}
.left {
    background-color: white;
    bottom: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 180px;
}

.content {
    bottom: 0;
    left: 180px;
    overflow: auto;
    position: absolute;
    top: 0;
}

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>APV projekt</title>
<link rel="nofollow" href="soubory/styles.css" rel="stylesheet" type="text/css">

</head>
<body>
<div class="main">

          <div class="content">
            content content content content content content content content content content contenttent content content content contenttent content content content contenttent content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content
         </div>

     </div>

<div class="foot">
    foot foot foot foot foot fofoot foot foot dsfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffadsdsaa
</div>

</div>
</body>
</html>

Nahlásit jako SPAM

IP: 195.178.73.–

darkwind+1

Newbie

6. 1. 2012 #2

Pro orámování contentu použij CSS vlastnost border, např.

.content {
 border: 5px solid #000;
}

Pro vnitřní odsazení v boxu použij padding.

Nahlásit jako SPAM

IP: 62.77.119.–

Cholerik

~ Anonymní uživatel
~ 4 příspěvky

22. 2. 2014 #3

Jsem temer zacatecnik a jiz delsi dobu se potykam s tim ze se mi CSS menu nerozbali v iPhone a Android, v aktualizovanych stolnich prohlizecich IE, Firefox, Chrome, Opera a Safari je vse OK. Prikladam vynatek ze stranky www.lipno-pocasi.cz/index2.html Pokud mi nekdo pomuze budu moc rad.

Nahlásit jako SPAM

IP: 92.62.229.–