arkadaşlar belki hatırlarsınız,
http://forum.zoque.net/tasarim-asama...e-eskisehir-v2 adreste AEGEE-Eskişehir 'in yeni websitesinin taslak tasarımı vardı.
Tasarım son halini aldı ve ben artık
HTML-
ASP kodlamasına geçmek istiyorum.
XHTML-
CSS yapmak istiyorum, önceden
CSS 'yi sadece stil vermek için kullanıyordum (editörlerde hazırlıyorum), şimdi biraz kafam karıştı, araştırma yaptım ama emin olmak istiyorum...
XHTML -
CSS olarak hazırladığımızda kodlar bu şekilde tamamı ? sanki birşeyler yanlışmış yada eksikmiş gibi geliyor
, sanırım tablolarda oluşan fazla kodlar olmadığı için öyle düşünüyorum
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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>AEGEE-Eskişehir / Anadolu Üniversitesi Avrupa Öğrencileri Forumu Kulübü</title>
<link rel="stylesheet" type="text/CSS" href="assets/CSS/style_1.CSS">
</head>
<body>
<div id="container">
<div id="menu"></div>
<div id="mesaj"></div>
</div>
</body>
</HTML>
Kod:
@charset "utf-8";
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #64BE48;
background-image: url(../images/style_1/back_main.jpg);
background-repeat: no-repeat;
background-position: left top;
margin-top: 0px;
margin-left: 0px;
}
#container {
float: left;
height: 640px;
width: 100%;
margin-top: 0px;
margin-left: 0px;
}
#menu {
font-size: 10pt;
font-style: normal;
font-weight: bold;
background-image: url(../images/style_1/back_menu.jpg);
height: 290px;
width: 194px;
background-repeat: no-repeat;
margin-top: 106px;
margin-left: 19px;
float: left;
}
#mesaj {
background-image: url(../images/style_1/back_mesaj.jpg);
background-repeat: no-repeat;
height: 215px;
width: 194px;
margin-top: 407px;
margin-left: 19px;
}
tasarımda
Dreamweaver kullanıyorum, dolayısıyla
CSS kodlarını kendisi hazırlıyor ve DIVlere uyguluyor.
Buarada
menu ve mesaj isimli divlerde position:absolute olayını yapmasamda yerlerini belirttiğim için sabit kalıyor, kullanmama gerek var mı? bu divlerin 1px. bile şaşmaması lazım, çünkü tasarımda görmüş olduğunuz gibi panelleri şeffaf olarak tasarladım ve background ile birleşik bir hal aldı, o nedenle kayması durumunda tüm tasarım karmaşık bir hal alır...