Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Dorównanie tła do końca
kurczak610
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 2
Dołączył: 3.05.2009

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

Witam, mam problem z css oto screen:
LINK
Tam gdzie pisze: "cdfds" jest menu (IMG:style_emoticons/default/tongue.gif)
Jak widzicie nie jest one do końca dociągnięte, wiecie moze jak to naprawić aby to dorównało się do tego obok?
Oto 2 pliki index i styl

index :
Kod
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  <meta http-equiv="Content-Language" content="pl" />
  <meta name="Keywords" content="XX" />
  <meta name="Description" content="XX" />
  <meta name="Robots" content="ALL" />
  <meta name="Author" content="Kurczak610" />
  <link rel="stylesheet" href="style.css" type="text/css" />
  <title>Safarigames</title>
</head>
<body>
<center>
<div id="logo"></div>
<div id="lewastrona">
<div id="menu">
cdfds
</div>
</div>

<div id="prawastrona">
<div id="tlo">
gsd<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>
<div id="stopka">
</div>
</div>
</div>
</center>
</body>
</html>


Styl:
Kod
#logo {
background:url(logo.bmp);
width: 800px;
height: 342px;
}

#tlo {
background:url(stronatlo.bmp);
width: 624px;
}

#stopka {
background:url(stopka.bmp);
height: 58px;
margin-left: -175px;
}

#menu {
background:url(menu.bmp);
}

img {
border: 0px;
}

body {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 12px;
background:url(tlo.bmp);
color: black;
}

table,td {
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px;
}

a:link {
color: #000000;
text-decoration:none;
font-weight: bold;
}
a:visited {
color: #000000;
text-decoration:none;
font-weight: bold;
}
a:hover {
color: #000000;
text-decoration:none;
font-weight: bold;
}
a:active {
color: #000000;
text-decoration:none;
font-weight: bold;
}

#lewastrona {
width: 177px;
z-index:1;
position: absolute;
margin-left: 232px;
}

#prawastrona {
width: 450px;
z-index:1;
position: absolute;
margin-left: 407px;
}


Z góry dzięki (IMG:style_emoticons/default/smile.gif)

Ten post edytował kurczak610 6.01.2010, 17:03:54
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
Armstrong
post
Post #2





Grupa: Zarejestrowani
Postów: 200
Pomógł: 40
Dołączył: 26.08.2009
Skąd: Kobiernice

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

[HTML] pobierz, plaintext 
  1. #menu {
  2. background:url(menu.bmp);
  3. height: 100%;
  4. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
kurczak610
post
Post #3





Grupa: Zarejestrowani
Postów: 87
Pomógł: 2
Dołączył: 3.05.2009

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

Nic nie dało ;/
Go to the top of the page
+Quote Post
emtiej
post
Post #4





Grupa: Zarejestrowani
Postów: 207
Pomógł: 18
Dołączył: 12.04.2009
Skąd: Rypin

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

[CSS] pobierz, plaintext 
  1. #stopka {
  2. background:url(stopka.bmp);
  3. height: 58px;
  4. margin-left: -175px;
  5. clear: both;
  6. }
[CSS] pobierz, plaintext



Może coś takiego? Bez plików na dysku trochę trudno to ustawić...
Go to the top of the page
+Quote Post
kurczak610
post
Post #5





Grupa: Zarejestrowani
Postów: 87
Pomógł: 2
Dołączył: 3.05.2009

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

Też nic ;/
Go to the top of the page
+Quote Post
Pawel_W
post
Post #6





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

http://www.kurshtml.boo.pl/css/staly_szablon,szablon.html
Go to the top of the page
+Quote Post
webspy
post
Post #7





Grupa: Zarejestrowani
Postów: 186
Pomógł: 9
Dołączył: 3.03.2008

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

Może dało by radę dać tak:

[HTML] pobierz, plaintext 
  1. <div id="srodek">
  2.  
  3. <div id="lewa"></div><div id="prawa"></div>
  4.  
  5.  
  6. </div>
[HTML] pobierz, plaintext


Wtedy ustawiasz sobie kolor tla id=srodek taki jak ma byc w menu a id=prawa dajesz kolor taki gdzie bedzie tekst.
Wtedy przy wiekszej ilosci tekstu id=srodek bedzie sie rozciagal i tlo pozostanie.
Go to the top of the page
+Quote Post
Pawel_W
post
Post #8





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

Cytat(webspy @ 6.01.2010, 18:57:59 ) *
Może dało by radę dać tak:

[HTML] pobierz, plaintext 
  1. <div id="srodek">
  2.  
  3. <div id="lewa"></div><div id="prawa"></div>
  4.  
  5.  
  6. </div>
[HTML] pobierz, plaintext


Wtedy ustawiasz sobie kolor tla id=srodek taki jak ma byc w menu a id=prawa dajesz kolor taki gdzie bedzie tekst.
Wtedy przy wiekszej ilosci tekstu id=srodek bedzie sie rozciagal i tlo pozostanie.

po to mu dałem tego linka (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
exood
post
Post #9





Grupa: Zarejestrowani
Postów: 86
Pomógł: 16
Dołączył: 2.12.2009
Skąd: Płock/Warszawa

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

Hej,
zamień miejscami diva id="menu" z divem id="prawa"
daj tym divom w css float:left;
zmniejsz width diva prawa lub menu bo div obejmujacy ma 800px, a div menu i prawa maja w sumie 624+177 czyli 801px
Go to the top of the page
+Quote Post
kurczak610
post
Post #10





Grupa: Zarejestrowani
Postów: 87
Pomógł: 2
Dołączył: 3.05.2009

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

Dzięki, ale nic to nie dalo, teraz jest odwrotnie menu wyzej a tekst pod menu, a ja chce w jedniej lini wszystko;p
A jak jeszcze dodam w tych divach fload:left to jest tak:

Link
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 25.09.2025 - 18:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn