[HTML][CSS]Layout - cięcie Opcje

[kamil_lk]

Witam.
Mam pewien problem. Stworzyłem sobie layout w photoshopie. pociąłem sobie logo, zacząłem składać na divach za pomocą css, ale niezbyt mi to wychodzi.
Mógłby mi ktoś pociąć samo logo tak aby napisy były linkami, a napis MUAY THAI odprowadzał do strony głównej?
Poniżej zamieszczam całego laya, proszę jedynie o logo, aby było wykonane na divach z CSS.

[Lion_87]

eee to może pokaż kod jak Ty to próbowałeś zrobić.

[kamil_lk]

index.html

[HTML] pobierz, plaintext 
<div id="top">
    <div id="ODSTEP1"><img src="grafika/odstep1.jpg" width="9" height="16" border="0" /></div>
    <div id="GLOWNA"><img src="grafika/glowna.jpg" alt="główna" width="41" height="16" border="0" /></div>
    <div id="ODSTEP2"><img src="grafika/odstep.jpg" width="8" height="16" border="0" /></div>
    <div id="FORUM"><img src="grafika/forum.jpg" alt="forum" width="35" height="16" border="0" /></div>
    <div id="ODSTEP3"><img src="grafika/odstep3.jpg" width="9" height="16" border="0" /></div>
    <div id="FAQ"><img src="grafika/faq.jpg" alt="faq" width="20" height="16" border="0" /></div>
    <div id="ODSTEP4"><img src="grafika/odstep.jpg" width="8" height="16" border="0" /></div>
    <div id="KONTAKT"><img src="grafika/kontakt.jpg" alt="kontakt" width="47" height="16" border="0" /></div>
    <div id="ODSTEP5"><img src="grafika/odstep2.jpg" width="818" height="16" border="0" /></div>
        <div id="ODSTEP6"><img src="grafika/1.jpg" width="84" height="164" border="0" /></div>
    <div id="MUAYTHAI"><img src="grafika/muaythai.jpg" width="451" height="164" border="0" /></div>
    <div id="KLATKA"><img src="grafika/klatka.jpg" width="460" height="164" border="0" /></div>
</div>
[HTML] pobierz, plaintext 

style.css

[HTML] pobierz, plaintext 
body {
    background-color: #000000;
    color: #000;
    margin-left: 50;
    padding: 0;
}
 
#ODSTEP1, #ODSTEP2, #ODSTEP3, #ODSTEP4, #GLOWNA, #FORUM, #FAQ, #KONTAKT {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
 
 
#ODSTEP6, #MUAYTHAI, #KLATKA {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
[HTML] pobierz, plaintext 

[Lion_87]

A to Twój kod czy wygenerowany z programu? o.O

No prosciej bylo by

[HTML] pobierz, plaintext 
<div id="top">
<div id="linki">GLOWNA FORUM FAQ KONTAKT</div>
</div>
[HTML] pobierz, plaintext 

dla #top dajesz width , height i background-image

lub dzieląc topa na 2 cześci

[HTML] pobierz, plaintext 
<div id="top1">GLOWNA FORUM FAQ KONTAKT</div>
<div id="top2"></div>
[HTML] pobierz, plaintext 

[kamil_lk]

mój Dopiero się uczę i wzorowałem się na gotowym szablonie i dlatego nie zabardzo wiem o co Ci chodzi..

[Lion_87]

<div id="top">
<div id="linki">GLOWNA FORUM FAQ KONTAKT</div>
</div>

Tu masz DIV #TOP czyli cały ten top(nie wiem ile on tam ma powiedzmy 750px x 100px) i w tym divie jest drugi DIV #LINKI z tymi linkami

[HTML] pobierz, plaintext 
#TOP {
margin: 0px auto;
width:750px;
height;100px;
background:url(top.jpg);
}
[HTML] pobierz, plaintext 

<div id="top1">GLOWNA FORUM FAQ KONTAKT</div>
<div id="top2"></div>

LUB dzielisz tego TOPa na 2 częsci

Ten post edytował Lion_87 8.02.2009, 23:07:19