Meg lehet oldani, hogy az egész oldalamat, mindennel együtt az eredeti 90%-ára csökkentsem?
válasza: válasza:HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Főoldal</title>
<link href="favicon.ico" rel="shortcut icon" />
<link href="main2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--tartó-->
<div id="tarto">
<!--fejléc-->
<div id="fejlec">
<div id="logo"><img src="logok.gif" height="105" /></div>
<div id="menu">
szöveg
</div>
</div>
<!--fejléc vége-->
<!--tartalom-->
<div id="tartalom">
szöveg
</div>
<!--tartalom vége-->
</div>
<!--tartó vége-->
<!--footer eleje-->
<div id="footer">
szöveg
</div>
<!--footer vége-->
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body {
background-image:url(ht1.jpg);
}
#tarto{
width:1000px;
height:650px;
margin:0 auto;
background-image:url(htb3.2.gif);
}
/*felső rész*/
#fejlec{
width:1000px;
height:110px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}
#logo{
height:110px;
width:150px;
padding-top:10px;
float:left;
}
#menu{
height:40px;
width:770px;
float:right;
margin-right:40px;
margin-top:50px;
text-align:center;
font-size:25px;
word-spacing:15px;
}
/*felső rész vége*/
/*tartalom*/
#tartalom{
width:980px;
height:500px;
clear:both;
margin-left:10px;
margin-top:10px;
margin-right:10px;
}
p.cim{
font-size:30px;
text-align:center;
}
p.szoveg{
font-size:20px;
text-align:justify;
margin-left:10px;
margin-right:30px;
line-height:150%;
}
#qr{
float:right;
margin-top:15px;
margin-right:10px;
}
/*tartalom vége*/
/*linkek*/
a {
color:#000;
text-decoration:none;
}
a:visited {
color:#000;
}
a:hover {
color:white;
}
a.link:hover{
font-weight:bold;
color:black;
}
/*linkek vége*/
.fbook{
text-align:center;
vertical-align:bottom;
height:85px;
padding-top:10px;
}
.kicsi{
width:490px;;
height:415px;
}
.fent{
margin-left:5px;
margin-right:5px;
}
/*alja*/
#footer{
width:900px;
height:15px;
margin:0 auto;
text-align:right;
color:black;
clear:both;
}
/*alja vége*/
.ot{
line-height:150%;
}
.ot ul{
color:black;
}
.border{
border-style:none;
}
td.partner{
width:235px;
text-align:center;
}
div.kicsi li{
line-height:170%;
}
válasza: válasza:Itt a kép:
gondolom nyilvánvaló, hogy a feső része a menüsor helye, alul pedig a tartalom. a szín elég fontos. két divvel meg tudtam volna oldani ezt, csak az átmenetezés, pláne hogy az elsőtől indul és a másodikig tart, az lett volna bonyolult. ezért kellett ez :/
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!