Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS] Jak nalożyć na siebie elementy? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Jak nalożyć na siebie elementy? (/thread-css-jak-nalozyc-na-siebie-elementy)

[CSS] Jak nalożyć na siebie elementy? - stadi - 06-10-2009

Witam!
Mam pytanko: jak nałożyć na siebie elementy w minej-więcej taki sposób:

(LOGO) (OBRAZEK)
(MENU " )

ale "OBRAZEK" powinien nachodzić w zaznaczonym znaczkiem (") miejscu i prześwitywać.
dodaje kod HTML + CSS (Jest to wersja prowizoryczna i na 100% ulegnie zmianom - poza tym osobiście wole mieć tak to rozpisane, ponieważ często zmieniam wartości dla pojedynczych znaczników).

Oto kod:
Kod:
<HTML>

<HEAD>

<style type="text/css">

#cos+gl {
    border-style: dashed;
}

#lkm {
    float: left;
}

#logo2 {
    float: left;
}

#kask {
    float: right;
}

#menu {
    float: left;
    border-style: dashed;
    min-width: 325px;
    min-height: 30px;
}

#cos {
    float: left;
    border-style: dashed;
    min-width: 100px;
    min-height: 40px;
}

.kp {
    float: left;
}

.kreska {
    float: left;
}

#kontakt {
    float: left;
    border-style: dashed;
    min-width: 100px;
    min-height: 40px;
}

#galeria {
    float: right;
    border-style: dashed;
    min-width: 195px;
    min-height: 40px;
}

#gl {
    float: right;
    border-style: dashed;
    min-width: 195px;
    min-height: 40px;
}

</style>
<!-- HEAD -->

</HEAD>

<BODY> <!-- BackGround - OBRAZEK, -->

<div id="lkm">

<div id="logo">
<img src="img/logo.png" alt="(LOGO)">

<div id="kask">
<img src="img/kask.png" alt="(KASK)">
</div>

<br>
<div id="menu">(MENU)</div>


</div>

<div class="kreska">
<img src="img/kreska.png" alt="(KRESKA)">
<div>

<div id="cos+gl">

<div id="cos">
(COS)
</div>

<div class="kp">
<img src="img/kp.png" alt="(KP)">
</div>

<div id="gl">
GL
</div>
</div>

<div class="kreska">
<img src="img/kreska.png" alt="(KRESKA)">
<div>

<div id="kon+gal">

<div id="kontakt">
(KONTAKT)
</div>

<div class="kp">
<img src="img/kp.png" alt="(KP)">
</div>

<div id="galeria">
(GALERIA)
</div>

</div>

<div class="kreska">
<img src="img/kreska.png" alt="(KRESKA)">
<div>


</BODY>

Proszę o pomoc i rady.
Pozdro!

RE: [CSS] Jak nalożyć na siebie elementy? - KowR - 06-10-2009

Wrzuć na jakiś hosting... Musimy to zobaczyć, albo daj screena.

RE: [CSS] Jak nalożyć na siebie elementy? - sunpietro - 06-10-2009

hmm, jeśli ten obrazek ma być niezmienny to może dobrze by było to logo z obrazkiem jakoś łądnie pociąć i w szablonie złączyć?
gdybyś dał jakiś przykład wizualny, a nie tekstowy to byłoby łatwiej jakkolwiek pomóc.

RE: [CSS] Jak nalożyć na siebie elementy? - stadi - 06-10-2009