Zaloguj się

Sentinello · 04-01-2011, 03:16

Ciezko opisac o co dokladnie chodzi zasada jest taka:
cala grafike stanowi pociety "obrazek" nie mam nigdzie ustawionego tla w postaci jakiegos koloru calosc zbudowana jest w postaci:
poziomy naglowek
5 pionowych kolumn
pozioma stopka
srodkowa kolumna to ramka wewnatrz ktorej maja sie wyswietlac ew podstrony
problem polega na tym ze ramka dopasowujne sie do ilosci tekstu natomiast nie jestem w stanie odjsc do tego jak powielac tlo w pozostalych 4 kolumnach, probowalem juz chyba wszystkiego i albo mam jakis bledy albo cos zle robie Smile

nie pomaga mi ani proba kopiowania fragmentu z opcjami hidden w css ani proba uzupelniania kolorami <prowizoryczne> ani nawet gotowe skrypty javy z sieci kotre mialy niby mierzyc kolumny i dopasowywac ich rozmiar do najwiekszej, pisze bo juz nie wiem jak dalej ugryzc ten temat i chetnie wyslucham jakichs propozycji od kogos kto mialz tym problem lub po prostu sie na tym zna.

Pozdrawiam

lomek · 04-01-2011, 04:10

może zastosuj efekt fałszywego tła tzn. dla głównego kontentu powielaj tło w pionie

Sentinello · 04-01-2011, 04:17

wlasnie probowalem, znalazlem na jakims forum nawet 5 rozwiazan dokladnie opisanych tylko albo jak pisalem mam cos zle < co jest prawdopodobne> albo cos nie tak robie i rezultat nie jest taki jakbym tego oczekiwal. Jesli znajdzie sie ktos kto rzuci okiem na kod to chetnie go tu wstawie i poslucham wszelakich rad jak rozwiazac problemi jak to powinno byc ulozone profesjonalnie.

pozdrawiam

**Kartofelek** · 04-01-2011, 04:25

wstaw

Sentinello · (Ten post był ostatnio modyfikowany: 04-01-2011, 18:04 przez Dhofca.)

HTML

Kod:
<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

<head>

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />

<link href="ty.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="container">

<div id="calosc">

    <div id="naglowek">

        <img src="images/index_01.jpg" width="1276" height="416" alt="">

<div id="kolumna">

  <div class="kolumna" id="kolumna1">

<div><img src="images/index_02.jpg" width="150" height="55" alt=""></div>

<div><img src="images/index_07.jpg" width="150" height="586" alt=""></div>

</div>

<div class="kolumna id="kolumna2">

<div><img src="images/index_03.jpg" width="227" height="55" alt=""></div>

<div><img src="images/index_08.jpg" width="227" height="51" alt=""></div>

<div><img src="images/index_13.jpg" width="227" height="45" alt=""></div>

<div><img src="images/index_15.jpg" width="227" height="49" alt=""></div>

<div><img src="images/index_17.jpg" width="227" height="49" alt=""></div>

<div><img src="images/index_19.jpg" width="227" height="50" alt=""></div>

<div><img src="images/index_21.jpg" width="227" height="49" alt=""></div>

<div><img src="images/index_23.jpg" width="227" height="46" alt=""></div>

<div><img src="images/index_24.jpg" width="227" height="45" alt=""></div>

<div><img src="images/index_26.jpg" width="227" height="45" alt=""></div>

<div><img src="images/index_28.jpg" width="227" height="48" alt=""></div>

<div><img src="images/index_30.jpg" width="227" height="61" alt=""></div>

<div><img src="images/index_31.jpg" width="227" height="48" alt=""></div>

</div>

<div class="kolumna" id="kolumna3">

<div><img src="images/index_04.jpg" width="524" height="55" alt=""></div>

<div><IFRAME WIDTH=524 HEIGHT=586 FRAMEBORDER=0 SCROLLING=no SRC="1.html" FRAME NAME="xxx" id="autoiframe"></IFRAME>

</div>

</div>

</div>

<div class="kolumna" id="kolumna4">

<div><img src="images/index_05.jpg" width="231" height="55" alt=""></div>

<div><img src="images/index_10.jpg" width="231" height="42" alt=""></div>

<div><img src="images/index_12.jpg" width="231" height="46" alt=""></div>

<div><img src="images/index_14.jpg" width="231" height="45" alt=""></div>

<div><img src="images/index_16.jpg" width="231" height="48" alt=""></div>

<div><img src="images/index_18.jpg" width="231" height="47" alt=""></div>

<div><img src="images/index_20.jpg" width="231" height="57" alt=""></div>

<div><img src="images/index_22.jpg" width="231" height="54" alt=""></div>

<div><img src="images/index_25.jpg" width="231" height="57" alt=""></div>

<div><img src="images/index_27.jpg" width="231" height="59" alt=""></div>

<div><img src="images/index_29.jpg" width="231" height="131" alt=""></div>

</div>

<div class="kolumna" id="kolumna5">

<div><img src="images/index_06.jpg" width="144" height="55" alt=""></div>

<div><img src="images/index_11.jpg" width="144" height="586" alt=""></div>

</div>

</div>

</div>

<div id="powielanie">

<div><div><img src="images/index_32.jpg" width="1276" height="71" alt=""></div>

</div>

<div id="stopka">

<div><img src="images/index_37.jpg" width="1276" height="166" alt=""></div>

</div>

</div>

</body>

</html>

CSS

Kod:
#container{

width: 1276px;

margin: -10px;

border: -10px;

} 

#calosc{

width: 1276px;

margin: 0px;

border: 0px;

}

#naglowek{

width: 1276px;

height: 416px;

margin: 0px;

border: 0px;

}

.kolumna{

float: left;

}

#kolumna1{

float: left;

width: 150px;

margin-left: 0px;

margin-right: 0px;

}

#kolumna5{

float:right;

width: 144px;

margin-left: 0px;

margin-right: 0px;

}

#kolumna3{

float:left;

width: 524px;

margin-left: 0px;

margin-right: 0px;

}

#kolumna2{

float:left;

width: 227px;

margin-left: 0px;

margin-right: 0px;

}

#kolumna4{

float:left;

width: 231px;

margin-left: 0px;

margin-right: 0px;

}

#stopka{

clear: both;

width: 1276px;

margin-left: 0px;

margin-right: 0px;

}

Dodam tylko ze baruje sie z tym 3 dzien a wczesniej niewiele wiedzialem o pisaniu stron Smile

wiec chetnie wyslucham wszystkich rad i posprawdzam w miare moich mozliwosci w praktyce.

Pozdrawiam

**Kartofelek** · 04-01-2011, 15:47

Co to jest powielanie? Background daj dla calosc. Mogło być lepiej z tym kodem.
I zamiast containera z ujemnymi marginesami, lepiej daj margin:0 dla body.

Sentinello · Liczba postów: 7 Liczba wątków: 3 Dołączył: 02-01-2011 Reputacja: 0

Wiesz jakbym siedzial w temacie jakis czas to napewno byloby lepiej, natomiast ucze sie dopiero wiec ciezko, pwielanie to mial byc fragment obrazka ciety z calosci ktory mial sie podstawiac pod tabele jako tlo i imitowac wydluzanie ale jakos nie wychodzi Smile

nie wiem czemu ale przy margin 0 mam jakby kilka pixeli bialego tla na okolo stad te ujemne wartosci bo wtedy wyglada normalnie.

Ok sprobuje zastosowac sie do tych informacji i za jakis czas odpisze czy dalo rade czy dalej bez skutku.

Pozdrawiam

Dodalem do calosci background: url(image/index_32.jpg);
I bez rezultatu tlo biale po kolumnami jak bylo tak jest. Probowalem tez z opcjami background: repeat i wedlug osi x i iy i bez tez bez rezultatu ;/

Ma ktos jeszcze jakies pomysly na rozwiazanie tego problemu ?

Ok Dziekuje za pomoc kartofelku twoja rada jednak sie sprawdzila, dodalem ta komende w innym divie i zadzialalo tak jak powinno. jestem wdzieczny teraz moge juz sfinalizowac strone Smile

Dziekuje jeszcze raz i pozdrawiam.

Oczywiscie wielki plus dla ciebie za pomoc

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie