Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS] Jak usunąć dolny pasek, Top+background zlane w jedną grafike
xfilip1985
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 21.04.2010

Ostrzeżenie: (0%)
-----


Witam, jak moge usunąć dolny pasek gdy mam strone szerokosci np 1400 a szerokosć ekranu np 1280, dodam że potrzebuje tego bo po obydwu stronach topu mam grafikę która zlewa sie z TOP'em jak na stronie http://www.50cent.com jednak top i grafika po lewej i prawej to odzielne jpg, ninimalna rozdzielczosc przy jakiej powinien sie pojawic dolny pasek to szerokosc topu czyli 900 px (IMG:style_emoticons/default/closedeyes.gif) oczywiście top i zawartośc strony musi być wyśrodkowana (IMG:style_emoticons/default/ohno-smiley.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
xfilip1985
post
Post #2





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 21.04.2010

Ostrzeżenie: (0%)
-----


Witam o to link do screena ze strony..

http://www.digart.pl/zoom/6839605/P_S_Weld...ml#.TxlYfW-qD-M

Oto kod bez footera i zawartosci.. tylko z przyciskami i logo zawartymi w topie.. (jeszcze jej nie skończyłem)..
Prosze zauważyć że logo i buttony są przesunięte w prawo o 1px zaczynajac od loga (left:1px) tylko wtedy wszystko idealnie sie zlewa.. tylko nei wiem dlaczego.. (IMG:style_emoticons/default/wstydnis.gif)

A i jeszcze jedno.. czy można by stopke ustawic za pomocą css podobnie jak top jako background jak jest tak jak tutaj grafiką o szerokosci 1387 ?
bo tutaj stopka i top to jeden jpg, a jakbym to jakoś oddzielił to mółbym zmieniać wysokość strony, czy musze poprostu w takim wypadku zrobić kilka backgroundów o różnej wysokosci dla każdej podstrony i zastosowac instrukcje IF w PHP?? oczywiscie nie moze miec suwaka u dołu ibyc wyśrodkowana (IMG:style_emoticons/default/Lkingsmiley.png)

Kod
<!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>
<title>Spawacz_10_eng</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<!-- ImageReady Styles (Spawacz_10_eng.psd) -->
<style type="text/css">
<!--

body {
    margin: 0 auto;
    padding: 0;
    outline: none;
    background: transparent url(images/background.jpg)
    top center no-repeat;
    background-color:#000000;
}

#Tabela_01 {
    position:relative;
    margin: 0 auto;
    padding: 0;
    outline: none;
    top:0px;
    width:900px;
    height:900px;
}


#top-logo_ {
    position:relative;
    left:1px;
    top:0px;
    width:497px;
    height:247px;
}


#btn-about_ {
    position:absolute;
    left:498px;
    top:212px;
    width:101px;
    height:35px;
}

#btn-services_ {
    position:absolute;
    left:599px;
    top:212px;
    width:101px;
    height:35px;
}

#btn-realizations_ {
    position:absolute;
    left:700px;
    top:212px;
    width:100px;
    height:35px;
}

#btn-contact_ {
    position:absolute;
    left:800px;
    top:212px;
    width:101px;
    height:35px;
}


-->
</style>
<!-- End ImageReady Styles -->
</head>
<!-- ImageReady Slices (Spawacz_10_eng.psd) -->
<div id="Tabela_01">
    <div id="top-logo_"><img id="top_logo" src="images/top_logo.jpg" width="497" height="247" alt="" /></div>
    <div id="btn-about_"><img id="btn_about" src="images/btn_about.jpg" width="101" height="35" alt="" /></div>
    <div id="btn-services_"><img id="btn_services" src="images/btn_services.jpg" width="101" height="35" alt="" /></div>
    <div id="btn-realizations_"><img id="btn_realizations" src="images/btn_realizations.jpg" width="100" height="35" alt="" /></div>
    <div id="btn-contact_"><img id="btn_contact" src="images/btn_contact.jpg" width="101" height="35" alt="" /></div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.10.2025 - 05:45