Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 13 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok NapísalOffline : 12.08.2008 12:45

caute,
uz z nadpisu je jasne kde je zas problem. ja tomu floatu raz len neviem prist na chut.

moje HTML:
Kód:
<div class="container">
      <!-- start left menus --> 
      <div class="menus_container_left">
        <div class="menu">
         <div class="nadpis">Ahoj</div>sdfsdfsf<br />sdffsf
        </div>
      </div>
      <!-- end left menus --> 
      <div class="menus_free">
        <img src="img/spacer.gif" border="0" />
      </div>
      <!-- start main site --> 
      <div class="main_container">
        <center>asdasdasdasd</center>
      </div>
      <!-- end main site --> 
      <div class="menus_free">
        <img src="img/spacer.gif" border="0" />
      </div>
      <!-- start right menus --> 
      <div class="menu">
         <div class="nadpis">Ahoj 2</div>sdfsdfsf<br />sdffsf
        </div>
      <!-- end right menus -->
    </div>


moje CSS:
Kód:
body {
  margin:0 auto;
}
.container {
  width:970px;
  margin:0 auto;
  clear:both;
}
.menus_container_left {
  width:190px;
  float:left;
  background-color:#3399FF;
}
.menus_container_right {
  width:190px;
  float:left;
  background-color:#3399FF;
}
.menus_free {
  width:5px;
  float:left;
}
.main_container {
  width:580px;
  float:left;
  background-color:#33FF00;
}
.menu {
  width:188px;
  border:1px solid #00CCFF;
  background-color:#FFFFFF;
}
.menu .nadpis {
  width:188px;
  height:24px;
  top:0px;
  left:0px;
  position:relative;
  background-color:#00CCFF;
  color:#000000;
  font-weight:bold;
  padding-left:5px;
  padding-top:3px;
  clear:both;
}


co by to malo robit? stranku, kde v lavom stlpci je sekcia AHOJ, medzera, zeleny stlpec, medzera, sekcia AHOJ 2.

kde zase robim chybu???

DIK.


Offline

Správca fóra
Správca fóra
FLOAT (asi som fakt blby :-)

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51
Bydlisko: Bratislava
Príspevok NapísalOffline : 12.08.2008 12:55

pre .menu nastav float:right

ale inak nechapem, na co tam mas ten spacer tvoreny obrazkom, nestacilo by ti to spravit cez margin pripadne border?







_________________
NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE
Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 12.08.2008 13:15

ten spacer som uz zmenil a nahradil som ho MARGINom. dal som na .menu float:right, no ta prava sekcia je akoby posunuta dole o par PX oproti ostatnym prvkom.


Offline

Skúsený užívateľ
Skúsený užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 29.10.07
Prihlásený: 27.10.23
Príspevky: 1395
Témy: 30
Bydlisko: Bratislava
Príspevok NapísalOffline : 12.08.2008 13:56

Vzdy daj radsej link... alebo si rovno sam nainstaluje webdevoler panel do FF ;)







_________________
PC: OS: Windows 11 (64bit) CPU: AMD Ryzen 5 3600 GPU: ASUS TUF RTX3060Ti 8GB RAM: 16GB DDR4-3200MHz Kingston Fury MB: ASUS TUF Gaming B550M WIFI SSD: 1000GB PCIe M.2 NVME
Mobil: Xiaomi POCO F2 PRO
Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 12.08.2008 14:18

link sice nadam lebo tie stranky (lepsie povedane sablona) nie su umiestnene na webe.

tu je vsak komplet HTML (uz upravene):
Kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-language" content="sk" /> 
    <title>Šablóna</title> 
    <link type="text/css" rel="stylesheet" href="css/styl.css">
  </head>
  <body>
    <div class="container">
      <!-- start left menus --> 
      <div class="menus_container_left">
        <div class="menu">
         <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div>
          <div class="odkazy">
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a>
          </div>
        </div>
      </div>
      <!-- end left menus --> 
      <!-- start main site --> 
      <div class="main_container">
        <center>asdasdasdasd<br />sdfsddfsdfsdf</center>
      </div>
      <!-- end main site --> 
      <!-- start right menus --> 
      <div class="menus_container_left">
        <div class="menu">
         <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div>
          <div class="odkazy">
           <a href="#">Linka</a>
          </div>
        </div>
      </div>
      <!-- end right menus -->
    </div>
  </body>
</html>


a CSS:
Kód:
body {
  margin:0 auto;
}
.container {
  width:970px;
  margin:0 auto;
  clear:both;
  background-color:#FFFFFF;
}
.menus_container_left {
  width:190px;
  float:left;
  background-color:#3399FF;
}
.menus_container_right {
  width:190px;
  float:left;
  background-color:#3399FF;
}
.main_container {
  width:580px;
  float:left;
  background-color:#33FF00;
  margin-left:5px;
  margin-right:5px;
}
.menu {
  width:188px;
  border:1px solid #00CCFF;
  background-color:#FFFFFF;
}
.menu .nadpis_bg {
  width:188px;
  height:24px;
  top:0px;
  left:0px;
  position:relative;
  background-color:#00CCFF;
}
.menu .nadpis {
  color:#000000;
  font-weight:bold;
  padding-left:15px;
  padding-top:2px;
  width:180px;
}
.menu .odkazy {
  width:100px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:50px;
}
.menu a {
 color:#575757;
 text-decoration:none;
}
.menu a:hover{
 color:#575757;
 text-decoration:underline;
}


skusal som aj to float:right, no nepomohlo. ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).

DIK.


Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 12.08.08
Prihlásený: 19.12.13
Príspevky: 38
Témy: 0
Príspevok NapísalOffline : 12.08.2008 22:07

max-m píše:
skusal som aj to float:right, no nepomohlo. ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).


mas chybu v pravom stlpci... mozes to spravit bud tak ze do html pridas pravy stlpec a zadefinujes mu tiez {float: left;} tak ako lavý tu mas kod

Kód:
<div class="container">
      <!-- start left menus -->   
      <div class="menus_container_left">
        <div class="menu">
         <div class="nadpis">Ahoj</div>sdfsdfsf<br />sdffsf
        </div>
       </div>
      <!-- end left menus -->     
      <div class="menus_free">
        <img src="img/spacer.gif" border="0" />
      </div> 
      <!-- start main site -->   
      <div class="main_container">
        <center>asdasdasdasd</center>
      </div>
      <!-- end main site -->   
      <div class="menus_free">
        <img src="img/spacer.gif" border="0" />
      </div
      <!-- start right menus -->
      <div class="menus_container_right">
        <div class="menu">
           <div class="nadpis">Ahoj 2</div>sdfsdfsf<br />sdffsf
          </div>
        </div>
      <!-- end right menus -->
    </div>

CSS

body {
  margin:0 auto;
}
.container {
  width:970px;
  margin:0 auto;
  clear:both;
}
.menus_container_left {
  width:190px;
  float:left;
  background-color:#3399FF;
}
.menus_container_right {
  width:190px;
  float:left;
  background-color:#3399FF;
}
.menus_container_right {
  width:190px;
  float:left;
  background-color:#3399FF;
}
.menus_free {
  width:5px;
  float:left;
}
.main_container {
  width:580px;
  float:left;
  background-color:#33FF00;
}
.menu {
  width:188px;
  border:1px solid #00CCFF;
  background-color:#FFFFFF;
}
.menu .nadpis {
  width:188px;
  height:24px;
  top:0px;
  left:0px;
  position:relative;
  background-color:#00CCFF;
  color:#000000;
  font-weight:bold;
  padding-left:5px;
  padding-top:3px;
  clear:both;
}





alebo staci ak das {float: left;} do menu :)
Kód:
.menu {
  width:188px;
  border:1px solid #00CCFF;
  background-color:#FFFFFF;
  float:left;
}


malo by fungovat ;)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 10.07.08
Prihlásený: 15.08.08
Príspevky: 46
Témy: 3
Príspevok NapísalOffline : 12.08.2008 23:18

jj, malo by fungovat, stiahol som si tvoj zdrojak a odtestoval .... dufam ze som pomol


Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 13.08.2008 23:39

vsetkym dik za pomoc. vo Firefoxe to bezi ako ma, no v IE 6 je to blbe: ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).

DIK.


Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 12.08.08
Prihlásený: 19.12.13
Príspevky: 38
Témy: 0
Príspevok NapísalOffline : 14.08.2008 1:07

max-m píše:
vsetkym dik za pomoc. vo Firefoxe to bezi ako ma, no v IE 6 je to blbe: ostava to stale rozhodene (sekcia AHOJ 2 lezie pod zeleny pas a "nalepi" sa na sekciu AHOJ).

DIK.


Tak to mas potom zle spocitanu sirku stranky, IE 6 zapocitava do sirky a vysky aj padding a border a mas potom moc siroky obsaha nevojde ti tam tak ho zalomi na nivy riadok.. budes musiet spravit hack pre IE

priklad
#content { width: 550px; padding-left: 50px; }
div[id]#content { width: 500px; }


Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 14.08.2008 13:44

container mam width:972px; (padding:0px;)
lavu a pravu sekciu mam width:190px; (padding:0px;)
centralna sekcia ma width:580px; padding-left:6px; padding-right:6px;

a div, ktory je v bocnych sekciach (v lavej a v pravej) ma width:188px; a border:1px solid #......;

ak to dobre spocitam, je to tych 972px; a malo by to vojst....


Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 14.08.2008 15:45

caute,
nemohol by si to prosim niekto prezriet na IE 6 a skusit povedat kde je ta BLBA chyba, lebo uz mam toho IE 6 pokrk (osobne ho sice nepouzivam, no vela ludi ano, takze treba este optimalizovat...)

CSS
Kód:
body {
  margin:0 auto;
}
.container {
  width:972px;
  margin:0 auto;
  background-color:#FFFFFF;
}
.menus_container_left {
  width:190px;
  float:left;
  background-color:#3399FF;
  padding:0px;
}
.menus_container_right {
  width:190px;
  float:left;
  background-color:#3399FF;
  padding:0px;
}
.main_container {
  width:580px;
  float:left;
  background-color:#33FF00;
  margin-left:6px;
  margin-right:6px;
  padding:0px;
}
.menu {
  width:188px;
  border:1px solid #ADC53D;
  background-color:#FFFFFF;
}
.menu .nadpis_bg {
  width:188px;
  height:24px;
  top:0px;
  left:0px;
  position:relative;
  background-color:#ADC53D;
}
.menu .nadpis {
  color:#FFFFFF;
  font-weight:bold;
  padding-left:15px;
  padding-top:2px;
  width:165px; 
  font-size:14px;
}
.menu .odkazy {
  width:138px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:50px;
}
.menu a {
 color:#575757;
 text-decoration:none;
 font-size:14px;
}
.menu a:hover{
 color:#575757;
 text-decoration:underline;
 font-size:14px;
}


HTML
Kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-language" content="sk" /> 
    <title>Šablóna</title> 
    <link type="text/css" rel="stylesheet" href="css/styl.css">
  </head>
  <body>
    <div class="container">
      <!-- start left menus --> 
      <div class="menus_container_left">
        <div class="menu">
         <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div>
          <div class="odkazy">
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a>
          </div>
        </div>
      </div>
      <!-- end left menus --> 
      <!-- start main site --> 
      <div class="main_container">
        <center>asdasdasdasd<br />sdfsddfsdfsdf</center>
      </div>
      <!-- end main site --> 
      <!-- start right menus --> 
      <div class="menus_container_left">
        <div class="menu">
         <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div>
          <div class="odkazy">
           <a href="#">Linka</a>
          </div>
        </div>
      </div>
      <!-- end right menus -->
    </div>
  </body>
</html>


chyba je v tom, ze "Linka" sa sice v pravej sekcii vypise ako ma, no akoby sa zopakovali posledne pismena "nka" a tie sa daju vedla lavej sekcie pod zeleny pas.

skusal som vsetko co ste mi tu poradili, no nejak mi to nepomohlo.

DIK.


Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 12.08.08
Prihlásený: 19.12.13
Príspevky: 38
Témy: 0
Príspevok NapísalOffline : 14.08.2008 18:50

Tu to mas plne funkcne ;) treba ten hack pouzit co som pisal, robili to tie paddingy


Kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-language" content="sk" />
    <title>s</title>
    <link type="text/css" rel="stylesheet" href="css.css" />
  </head>
  <body>
    <div class="container">
      <!-- start left menus -->
      <div class="menus_container_left">
        <div class="menu">
         <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div>
          <div class="odkazy">
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a><br />
           <a href="#">Linka</a>
          </div>
        </div>
      </div>
      <!-- end left menus -->
      <!-- start main site -->
      <div class="main_container">
        <center>asdasdasdasd<br />sdfsddfsdfsdf</center>
      </div>
      <!-- end main site -->
      <!-- start right menus -->
      <div class="menus_container_right">
        <div class="menu">
         <div class="nadpis_bg"><div class="nadpis">Ahoj</div></div>
          <div class="odkazy">
           <a href="#">Linka</a>
          </div>
        </div>
      </div>
      <!-- end right menus -->
    </div>
  </body>
</html>


css
Kód:
body {
  margin:0 auto;
}
.container {
  width:972px;
  margin:0 auto;
  background-color:#FFFFFF;
}
.menus_container_left {
  width:190px;
  float:left;
  background-color:#3399FF;
  padding:0px;
}
.menus_container_right {
  width:190px;
  float:left;
  background-color:#3399FF;
  padding:0px;
}
.main_container {
  width:568px;
  float:left;
  background-color:#33FF00;
  margin-left:6px;
  margin-right:6px;
  padding:0px;
}
div[class].main_container {
  width:580px;
}
.menu {
  width:188px;
  border:1px solid #ADC53D;
  background-color:#FFFFFF;
}
.menu .nadpis_bg {
  width:188px;
  height:24px;
  top:0px;
  left:0px;
  position:relative;
  background-color:#ADC53D;
}
.menu .nadpis {
  color:#FFFFFF;
  font-weight:bold;
  padding-left:15px;
  padding-top:2px;
  width:165px;
  font-size:14px;
}
.menu .odkazy {
  width:138px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:50px;
}
.menu a {
 color:#575757;
 text-decoration:none;
 font-size:14px;
}
.menu a:hover{
 color:#575757;
 text-decoration:underline;
 font-size:14px;
}


:)


Offline

Užívateľ
Užívateľ
FLOAT (asi som fakt blby :-)

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 14.08.2008 21:05

:)

Pomohlo to!

DIK.


Odpovedať na tému [ Príspevkov: 13 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Ako vysvetliť rodičom že som nepil ? (keď som fakt nepil)

v Krčma

25

1566

06.03.2013 15:04

mirom Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Asi som dosral výťah

[ Choď na stránku:Choď na stránku: 1, 2, 3 ]

v Krčma

67

4214

30.03.2013 13:05

KingTommy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. asi som nechtiac odintsalovala office

v Operačné systémy Microsoft

9

473

22.03.2012 17:15

tairikuokami Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Asi som lenivý alebo sa bojím

v Redakčné systémy

6

827

17.03.2007 7:43

kajbo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. tema se asi nezapada, ale preco som napomenuty ?

v Správy pre vedenie fóra

2

908

10.10.2011 11:18

jtbs Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. blbý vzhľad youtube

v Video programy

6

371

24.11.2012 23:27

Martinicoss Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Dalsi blby problemo

v PHP, ASP

3

470

17.07.2008 12:24

dadmtb Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. blbý ovládač na X-Fi alebo ten Creative ma už riadne kaká

v Ovládače

0

442

11.03.2010 19:13

DiPi Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Šéf Apple Tim Cook: Som gay a som na to hrdý

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Novinky

34

3345

21.11.2014 11:12

Daron Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Float

v HTML, XHTML, XML, CSS

2

776

19.06.2009 19:49

Tominator Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Fakt dobry fotak

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Ostatné

32

2523

25.08.2009 16:13

ac.milan Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. fakt zahadny problem

v Ostatné programy

4

756

02.11.2009 20:50

gabikke Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. už fakt neviem

v PHP, ASP

9

598

18.06.2008 0:25

sedlák Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Fakt pomala optika

v Siete

9

755

09.02.2012 15:43

Anonym147147 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Som zúfalý, stlačil som Shift+DEL :(

v Operačné systémy Microsoft

8

1195

17.11.2009 11:22

HichHok Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. FireFox Float

v HTML, XHTML, XML, CSS

2

560

31.08.2009 15:17

Snacker Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra