Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [Html,CSS] Problem z układem div
krzychu0808
post
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

Witam.....
Nie wiem jak sobie poradzić z układem tekstu jak to widać:
http://l2c6.no-ip.org/6/
Jestem początkujący więc mi wybaczcie wszystkie błędy...

CHODZI MI O TO ABY TEN TEKST BYŁ ŁADNIE KOŁO MENU A NIE POD..
Html:
Kod
<body>

<div id="strona">
  <div id="heder"></div>
  <div id="heder1"></div>
   <div id="ccc"></div>
   <div id="ddd">
   <div id="menu1"><div class="menu">MAIN MENU</div></div>
   <div id="menu2"></div>
   <div id="menu3">
<div id="menuuu">
<div class="efekt"><div id="tekst1">Strona Główna</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">PSO</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Wymagania</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Matura</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Różne</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">ZSEE</div></div>
</div>
   </div>
  
   <div id="menu4"></div>
   <div id="tekstsrodek">
Witamy! <br/><br/>
Serwis ten poświęcony jest zagadnieniom matematyki.<br/><br/>
Znajdziesz tu niezbędne informacje dotyczące m.in.: egzaminu maturalnego, przedmiotowego systemu oceniania, kryteriów wymagań itp.<br/><br/>
Serdecznie zapraszamy!
</div>

   <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
   <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  

   </div>
<div id="eee"></div>  

    </div>


CSS:
Kod
#menuuu {
position: relative;
top:1px;
margin     : 0 auto;
width: 143px;                
}


.efekt        
{
position: relative;
top:2px;
width: 143px;                
height: 20px;                    
color: #000000;            
background-color: #8c8c8c;    
    }    
.efekt:hover    
    {
position: relative;
top:2px;            
width: 143px;                
height: 20px;                
color: #FFFFFF;            
background-color: #292931;        
}        
#tekst1 {
position: relative;
    top:3px;
    left:5px;
}

.odstep {
width: 143px;                
height: 1px;
}

.menu {
position: relative;
        top:9px;
    text-align:center;
    color:#fff;
    font-weight:bold;

}

#strona {
    margin     : 0 auto;
    padding    : 0px;
    width      : 807px;
}
#tekstsrodek {
position: relative;
    top:5px;
    left:200px;
    width      : 400px;
}
#heder {

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 78px;
    background: url('images/1.jpg');
}
#heder1 {

    top:78px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 169px;
    background: url('images/2.jpg');
}
#ccc {

    top:247px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 51px;
    background: url('images/3.jpg');
}
#ddd {

    top:337px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    background: url('images/4.jpg');
}
#eee {

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 70px;
    background: url('images/5.jpg');
}
#menu1 {

    left:29px;
    top:0px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 31px;
    background: url('images/m.jpg');
}

#menu2 {

    left:29px;
    top:2px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m2.jpg');
}

#menu3 {

    left:29px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    background: url('images/m3.jpg');
}
#menu4 {

    left:29px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m4.jpg');
}


Ten post edytował krzychu0808 30.12.2007, 14:37:14
Go to the top of the page
+Quote Post
aiv
post
Post #2





Grupa: Zarejestrowani
Postów: 93
Pomógł: 13
Dołączył: 7.09.2006

Ostrzeżenie: (0%)
-----

A co chciałbyś osiągnąć? Bo chyba zapomniałeś dodać.


--------------------
Mariusz Dalewski
Aiv's dev blog
Go to the top of the page
+Quote Post
mjl89
post
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 30.12.2007

Ostrzeżenie: (0%)
-----

korzystasz z css, to nie wiem po co tak duża ilość <br>...
Go to the top of the page
+Quote Post
krzychu0808
post
Post #4





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

CHODZI MI O TO ABY TEN TEKST BYŁ ŁADNIE KOŁO MENU A NIE POD..
Go to the top of the page
+Quote Post
aiv
post
Post #5





Grupa: Zarejestrowani
Postów: 93
Pomógł: 13
Dołączył: 7.09.2006

Ostrzeżenie: (0%)
-----

Trochę niepoprawnie ten kod wyszedł.
Zainteresuj się tzn "3 columns layout". Taki prosty generator który pokaże Ci wstępnie jak to się konstrujuje, możesz znaleźć na http://developer.yahoo.com/yui/grids/builder/


--------------------
Mariusz Dalewski
Aiv's dev blog
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 06:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn