|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
Divy pomoc
|
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
Mam dwa divy jeden umieszczony w drugim i wstawiłem do niego obraz wtedy zawartość drugiego diva znalazła się pod obrazem jak nałożyć drugi div na obraz ?
Liczba postów: 578
Liczba wątków: 11
Dołączył: 06-01-2011
Reputacja:
23
02-05-2011, 15:54
(Ten post był ostatnio modyfikowany: 02-05-2011, 15:56 przez Ancik.)
Masło maślane, podaj kod bo inaczej ciężko to sobie wyobrazić. O taką strukturę ci chodzi?
Kod: <div id="div_z_obrazem">
<div id="wewnętrzny"></div>
</div>
Jeżeli tak, to nadajesz #div_z_obrazem odpowiednie rozmiary, jakieś tam tło za pomocą css, a wtedy #wewnętrzny będzie po prostu w nim. Jako, że nie podałeś kodu, to może wystąpić pare innych komplikacji, które wypychają tego diva na zewnątrz, jeżeli twój kod jest bardziej skomplikowany. Domyślam się, że używasz floatów i zapomniałeś o overflow: hidden dla rodzica, ale podaj kod.
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
Tu masz kod html Kod: <?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title>Pierwsza strona internetowa</title>
<link rel="stylesheet" href="arkusz.css" type="text/css"/>
</head>
<body>
<div id="calosc">
<div id="logo"><img src="ścieżka dostępu" alt="Tekst alternatywny" />
<div id="menu">
<ul>
<li><a href="#">menu1</a>
<li><a href="#">menu2</a>
<li><a href="#">menu3</a>
<li><a href="#">menu4</a>
</ul></div></div>
<div id="środek">
<div id="menulewe"><ul>
<li><a href="#">menul1</a>
<li><a href="#">menul2</a>
<li><a href="#">menul3</a>
<li><a href="#">menul4</a>
</ul></div>
<div id="text">tekst</div>
</div>
<div id="stopka">stopka</div>
</div>
</div>
</body>
</html>
a tu css Kod: *{
margin:0px;
padding:0px;
border:none;}
#calosc{
margin:0 auto;
height:100%;
width:902px;}
#logo{
border:1px solid black;
height:150px;
width:900px;}
#menu{
border:1px solid black;
height:42px;
width:900px;
text-align:right;
float:right;
margin-top:none;
background-color:#808080}
#srodek{
height:100%;
width:100%;}
#menulewe{
border:1px solid black;
height:400px;
width:165px;
float:left;
margin-top:none;
margin-bottom:5px;
display:block;
background-color:#808080;
}
#text{
border:1px solid black;
height:400px;
width:660px;
float:right;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;}
#stopka{
border:1px solid black;
height:100px;
width:900px;
clear:both;
margin-bottom:100px;}
#menu ul li{
list-style:none;
}
#menu a:link,a:visited,a:hover,a:active{
text-decoration:none;
display:block;
float:right;
line-height:40px;
width:82px;
color:white;
text-align:center;
}
#menu a:hover{
color:#6495ED;
border-bottom:2px solid #6495ED;}
#menu a:active{
color:#6495ED;
border-bottom:2px solid #6495ED;}
#menulewe a:link,a:visited,a:hover,a:active{
text-decoration:none;
display:block;
float:left;
line-height:40px;
width:150px;
color:black;
text-align:center;
line-height:20px;
}
#menulewe ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#menulewe ul {
width: 200px;
}
#menulewe ul a:link, ul a:visited {
display: block;
width: 150px;
text-decoration: none;
background-color: #808080;
color: #000;
padding: 5px;
border: 2px outset #808080;
}
#menulewe ul a:hover {
border-style:groove;
padding: 7px 3px 3px 7px;
}
Dokładniej chodzi o to że chce nałożyć menu na obraz logo
Liczba postów: 868
Liczba wątków: 29
Dołączył: 26-06-2009
Reputacja:
27
Tło diva logo nadaj za pomocą odpowiedniego wpisu w CSS. Do tego ustaw dla diva logo position relative dla menu absolute i potem pobaw się za pomocą left i top.
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
02-05-2011, 16:28
(Ten post był ostatnio modyfikowany: 02-05-2011, 16:28 przez Elo.)
dopisałem taki kod:
Kod: #logo{
[b]background-image:url (1.jpg)[/b];
border:1px solid black;
height:150px;
width:900px;}
ale wszystko wyglada tak jak wcześniej
Liczba postów: 868
Liczba wątków: 29
Dołączył: 26-06-2009
Reputacja:
27
dodaj position: relative; a dla menu position: absolute;
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
teraz te dwa divy wyglądają tak : Kod: #logo{
background-image:url (1.jpg);
border:1px solid black;
height:150px;
width:900px;
position: relative}
#menu{
border:1px solid black;
height:42px;
width:900px;
text-align:right;
float:right;
margin-top:none;
background-color:#808080;
position:absolute;}
i dalej nie działa
Liczba postów: 868
Liczba wątków: 29
Dołączył: 26-06-2009
Reputacja:
27
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
ta strona nie jest nigdzie umieszczona. a kod html masz wyżej
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
to był mój błąd zapomniałem o ''. Taki mały bład a tyle zamieszania zrobiłem
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
[JS] Pomoc w dodaniu polecenia do strony internetowej |
Miczki |
5 |
4,809 |
19-06-2013, 14:26
Ostatni post: Kartofelek
|
| |
[CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc |
adrin6 |
4 |
5,007 |
18-06-2013, 22:33
Ostatni post: adrin6
|
| |
Divy.. |
Utilaft |
4 |
3,617 |
21-02-2013, 02:27
Ostatni post: kornell
|
|
pomoc w kodzie css |
rapek |
2 |
2,736 |
13-01-2013, 17:41
Ostatni post: Kartofelek
|
| |
Pomoc przy tłach |
erfix |
12 |
5,456 |
09-09-2012, 23:34
Ostatni post: erfix
|
Użytkownicy przeglądający ten wątek:
|
|
|
Sponsorzy i przyjaciele
|
|
|
Divy pomoc
