Css kód segítség? :S tovább->
Van egy kódom:
* {
padding: 0;
margin: 0;
}
body {
background: #000;
font-family: arial,tahoma,verdana;
font-size: 11px;
margin-top: 30px;
}
div#container {
width: 740px;
margin: 0 540px;
}
div#content {
float: left;
background-color: #898989;
color: lime;
padding: 20px;
margin-top: 1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 2px 2px 2px #787878;
}
div#content h1 {
font-family: georgia;
font-size: 30px;
margin: 0 0 20px 0;
padding: 0;
}
div#content p {
text-align: justify;
line-height: 18px;
margin: 0 0 10px 0;
}
div#kep {
background-color: #000;
background-image: url(en.jpg);
background-repeat: none;
margin: 150px 200px;
}
ul#menu a,
ul#menu div {
padding: 10px 20px;
display: block;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
}
ul#menu div {
cursor: pointer;
background: url('arrow_down.png') no-repeat 95% 50%;
}
ul#menu li {
list-style: none;
float: left;
color: #fff;
font-size: 14px;
text-transform: uppercase;
background: #000000;
background: -moz-linear-gradient(top, #006600 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#006600), to(#000000));
margin-right: 1px;
width: 160px;
text-align: center;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
ul#menu li:hover {
background: #000099;
}
ul#menu li ul {
display: none;
position: absolute;
border-top: 1px solid transparent;
}
ul#menu ul li {
float: none;
text-transform: lowercase;
margin: 0;
background: url('arrow_right.png') no-repeat #3f3f3f 5% 50%;
font-size: 11px;
border-radius: 0;
box-shadow: none;
}
ul#menu ul li:hover {
background: url('arrow_right.png') no-repeat #000 5% 50%;
}
ul#menu ul li a {
padding: 10px;
}
Nah most ezzel az a baj, hogy mindent jobbra rak a container és nem vágom hogyan lehetne meg csinálni ezt:
(csak nagy vonalakban a vázlat!)
|-------------|-------------------------|-------|
| |____ div#menu___________| |
| --------- |
|| | |-------------------------| |
|| div#kep | | | |
|| | | | |
||_________| | | |
| | | |
| | | |
| | div#contant | |
| | | |
| |_________________________| |
| |
|_______________________________________________|
látom a vázlatot nem nagyon akarja megcsinálni az oldal akkor elmagyarázom:
jobb felső sarokban lenne egy div#menu
az alatt bal oldalon egy div#kep
és mellette a div#menu alatt egy div#contant
remélem érthetően írtam le :D
válasza:
válasza:#content {float: left; (vagy right, amelyik oldalra akarod)}
#kep {float: right; (vagy left ugye)
clear: both;} (mindent töröl utána, nem biztos, hogy kell)
válasza:a #kep-nél lemaradt a zárótag, szóval:
#kep {float: right;}
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!