(05-12-2009, 21:36)Labsta.com napisał(a): Pokaż co tam masz.Mój marny kod css:
Kod:
html, body {
background-image: url(tlo.jpg);
background-position: center;
margin-top: 0;
text-align: center;
}
#top {
width: 936px;
background-image: url(tlo_top.jpg);
background-position: center;
margin: 0px;
padding: 0px;
}
/* MENU */
#menu {
font-size: 23px;
font-family: Arial;
font-weight: bold;
color: rgb(109,109,109);
padding-top: 15px;
}
/* MEGA */
#mega {
width: 836px;
margin-left: 53px;
padding-top: 3px;
}
#megagora img {
margin: 0px;
padding: 0px;
display: block;
}
#megasrodek {
width: 836px;
background-image: url(mega_tlo.jpg);
}
#megasrodek img {
margin-left: 6px;
padding: 0px;
display: block;
}
#megadol img {
margin: 0px;
padding: 0px;
display: block;
}Mój XHTML:
Kod:
<?xml version="1.0" encoding="iso-8859-2"?>
<!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">
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-2">
<meta name="Keywords" content="paintball, imprezy integracyjne, strzelanie, poligon, markery, zabawa, adrenalina, extreeme, maluchy, sportowe samochody, wyścigi ">
<meta name="Description" content="Zapraszamy do zabawy w "WOJNĘ". strzelamy do ludzi farbą! nowy sport dla każdego! wynajmujemy cały sprzęt. mamy własny poligon. strzelania, imprezy firmowe, zabawa!">
<meta name="Classification" content="Recreating & Sports">
<title>Operacja Paintaball - Strzelamy farbą!</title>
<link href="data/style.css" rel="Stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="top">
<div id="menu">menu: start oferta teren gry galerie forum kontakt ceny/promocje <div>
<div id="megagora"><img src="data/mega_pasek_gora.jpg" alt="" width="836" height="6" /></div>
<div id="megasrodek"><img src="data/zdjecie_glowne.jpg" alt="" width="824" height="345" /></div>
<div id="megadol"><img src="data/mega_pasek_dol.jpg" alt="" width="836" height="6" /></div>
</div>
</body>
</html>1. problem podstawowy. FF nie wyśrodkowuje treści komendą: text-align: center. Co ciekawe nie wyśrodkował wszystkiego, oprócz tekstu, który jest na miejscu.
2. używam kompilatora kED... nie wiem czy to coś zmienia. W nim jest wbudowana przeglądarka IE.
3. Mój zamysł jest taki:
W DIV "top" "wkładam" wszystko inne. Sam "top" odpowiada tylko za takie jakby środkowe tło. Głównym elementem wewnętrznym jest menu, które jest tekstowe, sformatowane stylami. Docelowo ma być na środku.
Potem zazwyczaj duże zdjęcie ( wcześniej przerabiany problem ).
Pod nim z kolei ma być jeszcze:
wersja 1: ramka szeroka ( 2/3 ) ramki " MEGA ". Obok mniejsza ramka ( 1/3 ). Lub ( albo też "i" np niżej ) wersja 2. 3 małe ramki. Pierwsze dwie: po 1/2 z tych wcześniejszych 2/3. Oraz taka sama mała ramka ( 1/3 ) całości.
W tych ramkach, w zależności od potrzeb: grafika lub tekst lub obydwie...
Mam nadzieję, że chociaż w miarę wyraźnie opisałem problem i zamiar. Pozdrawiam
PS. Tak to wygląda w FF:
http://img268.imageshack.us/img268/2116/34019247.jpg
BTW: chciałbym gdzieś poczytać o tej "filozofii". Możesz coś polecić?
