Forum PHP.pl > Grafika pod logiem na calej szerokosci

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Grafika pod logiem na calej szerokosci

Forum PHP.pl > Forum > Po stronie przeglądarki

emilsiwy

5.02.2006, 18:48:55

No to mowie mam stronke na jportal allsiemens.net.pl i mam pytanko jak wstawic takie cos jak maja na x-stacja.net chodzi mi o te kreski pod logiem są na całej szerokosci stronki moze wiecie jakiego kodu użyć ?

Astarot

5.02.2006, 19:10:56

Proponuje Ci abys nauczyl sie podstaw HTML/CSS. Efekt (lini na calym ekranie) zostal uzyskany
dzieki tabeli w ktorej, w boczne komorki wczytywany jest obrazek z ta linia jaka backgound. Kreski
siegaja do konca ekranu dzieki ustawienu marginesow na 0. Po zapoznaniu sie z podstawami HTML
napewno sobie z tym poradzisz. A tak wogle to co ten topic robi w dziale php

Pozdr. Astarot

crash

5.02.2006, 19:22:05

Przenoszę: php -> Po stronie przeglądarki

emilsiwy

5.02.2006, 19:41:14

aha a moze bys podal caly kod bo umiem troche html a niemam czasu sie uczyc wiecej a potrzebne mi jst to bardzo wiec jakbys mogl to podaj taki kod

Astarot

5.02.2006, 19:58:08

Skoro tak bardzo chcesz sobie odebrac przyjemnosc samodzielnego rozwiazania tego problemu..

[HTML] pobierz, plaintext 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width=100%>
<tr>
	<td background="pasek.jpg">Lewa</td>
	<td><img src="dolne_logo.jpg" border="0"></td>
	<td background="pasek.jpg">Prawa</td>
</tr>
</table>
</body>
[HTML] pobierz, plaintext

Jak widzisz przy deklaracji sekcji body marginesy zostaly ustawione na 0 dzieki czemu strona bedzie 'dotykala' krawedzi okna.

Szerokosc tabeli zostala ustawiona na 100% jest to konieczne aby tabela zajmowala caly dostepny obszar.
Nastepnie widzisz 3 komorki jedyne co zostalo to dopasowanie paska z komorek bocznych do loga.
Oczywiscie jesli chcesz zbudowac bardziej zlozone logo musisz uzyc wiekszej ilosci komorek i wierszy.
Mam nadzieje ze ten opis jest dla ciebie wystarczajacy

pozdr. Astarot

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.