jeśli dam więcej tekstu to w IE także jest poprawnie..
if(!isset($_SESSION['switchcss']){session_start();}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Untitled Page</TITLE>
<STYLE type="text/css">
div#container
{
width: 700px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: middle;
margin-left:0;
}
</STYLE>
</HEAD>
<BODY background="images/i.jpg" bgcolor="#FFFFFF" text="#000000">
<DIV id="container">
<IMG src="images/lay.jpg" alt="" align="top" border="0" width="700" height="500" style="position:absolute;left:0px;top:0px;width:700px;height:500px;z-index:1">
</DIV>
</BODY>
</HTML>
Sporo osób się pyta jak wycentrować stronę aby niezależnie od rozdzielności ekranu zawsze było na środku.
W stylach body { margin-right: auto; margin-left: auto; width: 770px; } (bez ustalenia szekości centrowanie nie zadziała), oczywiście można temu centrowaniu nadać color tła background-color itd.
Można ten zapis uprościć :
body { margin: 0 auto; width: 770px; }
Dla IE margin: 0 auto; działa TYLKO przy doctype strict, inaczej trzeba dodać body { text-align: center; }.
Jest to centrowanie poziome, aby uzyskać też pionowe w oknie przeglądarki należy zapis zmienić.
Załóżmy że mamy pole o wymiarach 200x200px,
<div id="pole"></div>.
Napisać position: absolute; top: 50%; left: 50%; i margin top/left minusowe połowie wymiaru naszego pola. W naszym przypadku jest to margin-top: -100px; margin-left: -100px;.
Gotowy zapis wygląda tak :
#pole {
position: absolute; top: 50%; left: 50%;
width: 200px; height: 200px;
margin-top: -100px; margin-left: -100px; }
width: 700px;
position: absolute;
top: 50%;
left: 50%;
height: 700px;
margin-top: -350px;
margin-left: -350px;
margin-right: auto;
text-align: left;
div#container
{
width: 700px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#container
{
width: 700px;
position: absolute;
top: 50%;
left: 50%;
height: 700px;
margin-top: -350px;
margin-left: -350px;
text-align: left;
}
div#container
{
width: 700px;
position: absolute;
top: 50%;
left: 50%;
height: 500px;
margin-top: -250px;
margin-left: -350px;
text-align: left;
}
Lincoln2491 napisał(a):jak można zrobić menu boczne??
Lincoln2491 napisał(a):czy istnieje inny sposób niż zrobić tabelkę z odnośnikami na każdej podstronie, w każdej inny tekst??
tak żeby to była jedna strona, ze zmienną zawartoscią
<h>LECH POZNAŃ</h>
h
{
font-size: 100px;
font-family: 'Courier New';
font-weight: 700;
text-align: center;
}
<table align="center">
<h>LECH POZNAŃ</h>
</table>
----------------
<div align="center">
<h>LECH POZNAŃ</h>
</div>
Witam chciałym zrobić taki bardzo prosty chat PHP
Konr@d napisał(a):Za pomoc z góry dziękuje
<body>
<div id="wrapper">
<div id="menu">
<ul>
<li id="l1"><a href="index.html">STRONA GŁÓWNA</a></li>
<li id="l2"><a class="active" href="oferta.html">OFERTA</a></li>
<li id="l3"><a href="partnerzy.html">PARTNERZY</a></li>
<li id="l4"><a href="kontakt.html">KONTAKT</a></li>
</ul>
</div>
<h1>Oferta</h1>
<div id="content">
<h2>Instalacje alarmowe</h2>
<img src="i/dpksystem.gif" alt="DPK System - logo" />
<p>Oferowane przez DPK System urządzenia posiadają certyfikaty zgodności z normami
Unii Europejskiej. Wszystkie elementy systemów alarmowych producenta JABLOTRON poza
certyfikatami Unii Europejskiej posiadają
Atesty Zakładu Rozwoju Technicznej Ochrony Mienia "TECHOM".
</p>
<p>Produkty firmy <strong>SATEL</strong> zyskały sobie uznanie tysięcy dystrybutorów, instalatorów, agencji
ochrony oraz użytkowników w kraju i zagranicą.</p>
<img src="i/satel1.jpg" alt="Sygnalizator SATEL" />
<p>Solidne i estetyczne sygnalizatory o sprawdzonych rozwiązaniach konstrukcyjnych.</p>
<img src="i/satel2.jpg" alt="Zaciski krosowe" />
<p>Moduły zacisków krosowych umożliwiają łączenie ze sobą kilku przewodów elektrycznych bez konieczności używania do tego celu lutownicy.</p>
<img src="i/satel3.jpg" alt="czujnik czołowy" />
<p>Niezawodne czujniki czołowych producentów do montażu również na zewnątrz obiektów.</p>
<img src="i/satel4.jpg" alt="Manipulator LCD" />
<p>Manipulatory LCD posiadają przyjazny interfejs użytkownika co zapewnia łatwą i bezproblemową obsługę systemu.</p>
<img src="i/satel5.jpg" alt="fragment instalaji alarmowej" />
<p>Dzięki modułom powiadamiania i komunikacji z systemem masz całkowitą kontrolę oraz informację
o swoim obiekcie który ochraniasz.</p>
<img src="i/satel6.jpg" alt="Sterownik SATEL" />
<p>Sterowniki radiowe firmy <strong>SATEL</strong> zapewniają zdalną kontroli systemów i
urządzeń oraz sprawdzają się doskonale w szeregu innych zastosowań.</p>
<img src="i/alarmy1.jpg" alt="Fragment instalacji alarmowej" />
<img src="i/alarmy2.jpg" alt="Elementy instalacji alarmowej" />
<img src="i/alarmy3.jpg" alt="Elementy instalacji alarmowej" />
<img src="i/alarmy4.jpg" alt="Element instalacji alarmowej" />
</div>
<div id="logo">
<a href="http://www.el-instal.com">www.El-Instal.com</a>
</div>
<div id="menu2">
<ul>
<li><a href="instalacje_odgromowe.html">instalacje odgromowe</a></li>
<li><a href="instalacje_alarmowe.html">instalacje alarmowe</a></li>
<li><a href="instalacje_antenowe.html">instalacje antenowe</a></li>
<li><a href="instalacje_domofonowe.html">instalacje domofonowe</a></li>
<li><a href="instalacje_oswietleniowe.html">inst. oświetleniowe</a></li>
</ul>
<ul id="m2">
<li><a href="instalacje_videofonowe.html">instalacje videodomofonowe</a></li>
<li><a href="instalacje_do_pracowni.html">instalacje do pracowni językowych</a></li>
<li><a href="montaz_rozdzielni.html">montaż rozdzielni</a></li>
<li><a href="pomiary_elektryczne.html">pomiary elektryczne</a></li>
<li><a href="naprawa_urzadzen_elektrycznych.html">naprawa i konserwacja maszyn i urządzeń elektrycznych</a></li>
</ul>
</div>
<div id="footer">
<ul>
<li><a href="http://validator.w3.org/check/referer"><img src="i/dxhtml.gif" alt="Valid XHTML 1.1" /></a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="i/dcss.gif" alt="Valid CCC" /></a></li>
<li><a href="http://www.w3.org/WAI/WCAG1AAA-Conformance"><img src="i/dwaiaaa.gif" alt="WAI AAA" /></a></li>
</ul>
<a href="http://www.decoda.pl" id="decoda"><span>Decoda. Projektowanie dostępnych stron www.</span></a>
</div>
</div>
</body>
Powróć do Grafika & Webmastering
Użytkownicy przeglądający to forum: Brak zarejestrowanych użytkowników oraz 5 gości