Prosím help (orámování, odsazení) – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Prosím help (orámování, odsazení) – CSS – Fórum – Programujte.comProsím help (orámování, odsazení) – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
sparky
~ Anonymní uživatel
1 příspěvek
5. 1. 2012   #1
-
0
-

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="top">top top top top top top top  </div>

    <div class="middle">
   
          <div class="left">
              left left left left left left left left left left left left left left left left left left left left left
           </div>

          <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.–
Reklama
Reklama
darkwind+1
Newbie
6. 1. 2012   #2
-
0
-

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
-
0
-

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.–
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, 48 hostů

Podobná vlákna

Orámování tabulky — založil Marek

Nastavení odsazení li — založil Proxymus

Odsazení ve Firefoxu — založil svobodicz

Odsazeni asp.net aplikace — založil silent

Help Prosim :-) — založil schnappislav

 

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