+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem z szerkością kolumny (/thread-problem-z-szerko%C5%9Bcia-kolumny)
Problem z szerkością kolumny - Nimportequi - 01-02-2009
Witam. Jak w temacie-mam problem ze zmiana szerkości kolumny. Mam 3 kolumny i chciałbym, aby środkową trochę poszerzyć. Jak co to korzystałem z szablonu. Mam takie coś:
<div id="colOne">
jeżeli zmienie to na np. <div id="colOne width=200"> to 2 i 3 kolumna zlewaja sie z ta zmienioną i cały szablon się psuje, ponieważ w kolumnie 1 mam menu w 2 tekst i w 3 menu i chciałbym tą drugą kolumnę poszerzyć. Trochę namieszałem tutaj, ale mam nadzieję, że jakoś zrozumiecie o co mi chodzi ;D z góry thx za odpowiedz.
PS. jestem baaardzo początkujacy i nigdzie nie znalazłem odpowiedzi na moje pytanie więc postanowiłem napisać
Pzdr
RE: Problem z szerkością kolumny - deviant - 01-02-2009
Kod:
<div id="colOne width=200">id to atrybut, który jedynie identyfikuje dany znacznik.
Twój kod powinien wyglądać tak:
Kod:
<div id="colOne" style="width: 200px;">Poczytaj na temat (x)HTML i CSS - dowiesz się wielu ciekawych rzeczy ; )
Pozdrawiam.
RE: Problem z szerkością kolumny - fannet - 01-02-2009
Cytat:<div id="colOne" style="width: 200px;">Wybacz, po co tak?
To powinno zostać tak jak było
Cytat:<div id="colOne">a jedynie w arkuszu stylów powinno zostać dodane:
Cytat:#colOne
{
/*poprzednie wartosci */
width: 200px;
}
RE: Problem z szerkością kolumny - dziamber - 01-02-2009
Hmm... ale żeś namącił ! Postaram się wytłumaczyć Ci ocb a więc najlepiej stwórz szablon od nowa, ale spróbuj zastosować się do moich wskazówek. Ustaw od razu w znaczniku "body" szerokość strony:
Kod:
body {
width: 900px;
}Kod:
#banner {
width: 900px;
background: url(sciezka);
}Kod:
#opakowanie {
position: relative;
}Kod:
#kolumnasrodek {
margin-left: 200px;
margin-right: 200px;
}Kod:
#lewakolumna {
position: absolute;
left: 0; * / odległość od lewej krawędzi */
top: 0; */ odległość od górnej krawędzi */
width: 190px; */ szerokosc kolumny */
}
#prawakolumna {
postion: absolute;
right: 0;
top: 0;
width: 190px;
}kod html:
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>
<title> ble ble </title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banner">
Bla bla napis na bannerze
</div>
<div id="opakowanie">
<div id="kolumna srodek">
Tutaj tekst na srodkowej kolumnie
</div>
<div id="lewakolumna">
tekst lewej kolumny
</div>
<div id="prawakolumna">
tekst na prawej kolumnie
</div>
</div>
</body>
</html>Kod:
body {
width: 900px;
}
#banner {
width: 900px;
background: url(sciezka);
}
#opakowanie {
position: relative;
}
#kolumnasrodek {
margin-left: 200px;
margin-right: 200px;
}
#lewakolumna {
position: absolute;
left: 0; * / odległość od lewej krawędzi */
top: 0; */ odległość od górnej krawędzi */
width: 190px; */ szerokosc kolumny */
}
#prawakolumna {
postion: absolute;
right: 0;
top: 0;
width: 190px;
}150 px kazdą. Następnie pomniejszasz w #prawakolumna i #lewakolumna o taka sama wartosc co te marginy, wlasciwosc width. I gotowe
Wiem że może to byc nie zrozumiałe dlatego jak bedziesz mial jakies pytania do tego to pisz do mnie na PW, chętnie Ci wytłumacze niejasnosci
/edit
Tak długo to pisałem że koledzy mnie już uprzedzili, teraz to już napewno wiesz o co chodzi