prośba o pomoc w css - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › prośba o pomoc w css

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 36

1. Data: 2012-04-02 20:33:10
Temat: prośba o pomoc w css
Od: "identifikator: 20040501" <N...@g...pl>

jest jak jest, ale mimo to poproszę Kogoś o wsparcie,
czemu mi to nie działa:

<style type="text/css">
* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
width: 800px;
margin: 0 auto 0 auto;
font-family: sans-serif;
}

#calaramka {
border: solid thin black;
width: 300px:
}

#nawigacja {
float: left;
width: 300px:
}
#wpismenu {
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
}

div#logi {
width: 100px:
}

div#footer {
margin: 0 auto 0 auto;
width: 796px;
height: 80px;
background: url('stopka2.jpg') no-repeat;
}
</style>
</head>
<body>

<DIV id="calaramka">
<div id="nawigacja">
<P id="wpismenu"><a href="">FORUM</a></p>
<P id="wpismenu"><a href="">ARTYKUŁY</a></p>
<P id="wpismenu"><a href="">PROJEKTY</a></p>
<P id="wpismenu"><a href="">KURSY</a></p>
<P id="wpismenu"><a href="">DOWNLOAD</a></p>
<P id="wpismenu"><a href="">REKLAMA</a></p>
<P id="wpismenu"><a href="">KONTAKT</a></p>
</div>
<div id="reszta">
<div id="logi">Tu przykładowy tekst wypełniający okno do
krawędzi</div>
</div>
</div>

<div id="footer">
</div>
</body>

wygląda to tak:
http://e-serwis.org/smietnik/css.JPG

w kodzie css zrobiłem jednego dużego DIVa w którym umieściłem DIVa z menu z
float:left i DIVa z tym co ma być obok menu bez żadnego floata... poniżej
tego dużego diva jest następny DIV ze stopką...

no i czemu mi to nie działa? według moich obliczeń DIV główny powinen być
rozpychany przez DIVy znajdujące się wewnątrz, a tak wcale nie jest, DIV
główny nagle sam z siebie staje się ramką wokoło DIVa zagnieżdżonego... do
tego zupełnie ignoruje mi wszystkie widht i height...
kombinowałem na milion sposóbów nie działa nic...

POMOCY!
P.S.
znam stronę zlecenia.przez.net, ale może i tu Ktoś wie i pomoże?

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2012-04-02 20:45:49
Temat: Re: prośba o pomoc w css
Od: Paweł Lipka <p...@l...net.pl>

Dla głównego DIVa (tego który powinien zostać "rozepchany") dodaj w CSS
overflow:auto;

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2012-04-02 20:54:31
Temat: Re: prośba o pomoc w css
Od: "identifikator: 20040501" <N...@g...pl>

overflow:auto;

dzięki, o wiele lepiej, a może Ktoś jeszcze wie jak ustawić css, żeby ramka
obejmowała tylko tekst obok menu, a nie zaczynała się od 0,0?

wygląda to teraz tak:
http://e-serwis.org/smietnik/css.JPG

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2012-04-02 21:05:46
Temat: Re: prośba o pomoc w css
Od: Paweł Lipka <p...@l...net.pl>

On Mon, 2 Apr 2012 20:54:31 +0200
"identifikator: 20040501" <N...@g...pl> wrote:

> overflow:auto;
>
> dzięki, o wiele lepiej, a może Ktoś jeszcze wie jak ustawić css, żeby
> ramka obejmowała tylko tekst obok menu, a nie zaczynała się od 0,0?
>
> wygląda to teraz tak:
> http://e-serwis.org/smietnik/css.JPG
>

Zmieniałeś w kodzie coś poza overflow?

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2012-04-02 21:10:15
Temat: Re: prośba o pomoc w css
Od: "identifikator: 20040501" <N...@g...pl>

Zmieniałeś w kodzie coś poza overflow?

poprawiłem : na ; były błednie wpisane
poza tym nic nie zmieniałem, dodałem tylko ten parametr:

<style type="text/css">
* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
width: 800px;
margin: 0 auto 0 auto;
font-family: sans-serif;
}

#calaramka {
border: solid thin black;
width: 500px;
overflow: auto;
}

#nawigacja {
float: left;
width: 250px;
}
#wpismenu {
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
}

div#reszta {
border: solid thin black;
width: 100px:
overflow: auto;
}

div#footer {
margin: 0 auto 0 auto;
width: 796px;
height: 80px;
background: url('stopka2.jpg') no-repeat;
}
</style>
</head>
<body>

<DIV id="calaramka">
<div id="nawigacja">
<P id="wpismenu"><a href="">FORUM</a></p>
<P id="wpismenu"><a href="">ARTYKUŁY</a></p>
<P id="wpismenu"><a href="">PROJEKTY</a></p>
<P id="wpismenu"><a href="">KURSY</a></p>
<P id="wpismenu"><a href="">DOWNLOAD</a></p>
<P id="wpismenu"><a href="">REKLAMA</a></p>
<P id="wpismenu"><a href="">KONTAKT</a></p>
</div>
<div id="reszta">
<div id="logi">Tu przykładowy tekst wypełniający okno do
krawędzi</div>
</div>
</div>

<div id="footer">
</div>
</body>

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2012-04-02 21:13:49
Temat: Re: prośba o pomoc w css
Od: "identifikator: 20040501" <N...@g...pl>

trochę nie czaję floata, niby pisze, że przy float: left kolejne divy ułożą
się koło siebie,a tu co innego, wszystkie startują od 0,0...

[ pokaż wiadomość z nagłówkami ]

do góry
7. Data: 2012-04-02 21:18:54
Temat: Re: prośba o pomoc w css
Od: Paweł Lipka <p...@l...net.pl>

On Mon, 2 Apr 2012 21:13:49 +0200
"identifikator: 20040501" <N...@g...pl> wrote:

> trochę nie czaję floata, niby pisze, że przy float: left kolejne divy
> ułożą się koło siebie,a tu co innego, wszystkie startują od 0,0...
>

Piszę to już na czuja, ale wydaje mi się że nieustawiony width dla
div#logi może działać źle w IE ale to tylko na czuja.

[ pokaż wiadomość z nagłówkami ]

do góry
8. Data: 2012-04-03 10:04:16
Temat: Re: prośba o pomoc w css
Od: "identifikator: 20040501" <N...@g...pl>

aktualnie po wszystkich zmianach jest nieco lepiej, ale dlaczego pojawia mi
się jakiś odstęp w tekstach na wysokości menu:
http://e-serwis.org/smietnik/css.JPG

kod:

<style type="text/css">
* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
width: 800px;
margin: 0 auto 0 auto;
font-family: sans-serif;
}

#calaramka {
border: solid thin black;
width: 700px;
overflow: auto;
}

#nawigacja {
float: left;
width: 250px;
}
#wpismenu {
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
}

div#reszta {
border: solid thin black;
margin-left: 150px;
width: 300px;
}

div#footer {
margin: 0 auto 0 auto;
width: 796px;
height: 80px;
background: url('stopka2.jpg') no-repeat;
}
</style>
</head>
<body>

<DIV id="calaramka">
<div id="nawigacja">
<P id="wpismenu"><a href="">FORUM</a></p>
<P id="wpismenu"><a href="">ARTYKUŁY</a></p>
<P id="wpismenu"><a href="">PROJEKTY</a></p>
<P id="wpismenu"><a href="">KURSY</a></p>
<P id="wpismenu"><a href="">DOWNLOAD</a></p>
<P id="wpismenu"><a href="">REKLAMA</a></p>
<P id="wpismenu"><a href="">KONTAKT</a></p>
</div>
<div id="reszta">
<div id="logi">
<H1>2012.03.04</H1>
<P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
</div>
<div id="logi">
<H1>2012.03.04</H1>
<P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
</div>
<div id="logi">
<H1>2012.03.04</H1>
<P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
</div>
<div id="logi">
<H1>2012.03.04</H1>
<P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
</div>
</div>
</div>

<div id="footer">
</div>
</body>

Ktoś pomoże?

[ pokaż wiadomość z nagłówkami ]

do góry
9. Data: 2012-04-03 10:15:53
Temat: Re: prośba o pomoc w css
Od: Paweł Lipka <p...@l...net.pl>

On Tue, 3 Apr 2012 10:04:16 +0200
"identifikator: 20040501" <N...@g...pl> wrote:

> aktualnie po wszystkich zmianach jest nieco lepiej, ale dlaczego
> pojawia mi się jakiś odstęp w tekstach na wysokości menu:
> http://e-serwis.org/smietnik/css.JPG
>
> kod:
>
> <style type="text/css">
> * {
> margin: 0 0 0 0;
> padding: 0 0 0 0;
> }
>
> body {
> width: 800px;
> margin: 0 auto 0 auto;
> font-family: sans-serif;
> }
>
> #calaramka {
> border: solid thin black;
> width: 700px;
> overflow: auto;
> }
>
> #nawigacja {
> float: left;
> width: 250px;
> }
> #wpismenu {
> margin-top: 10px;
> margin-bottom: 10px;
> font-weight: bold;
> }
>
> div#reszta {
> border: solid thin black;
> margin-left: 150px;
> width: 300px;
> }
>
> div#footer {
> margin: 0 auto 0 auto;
> width: 796px;
> height: 80px;
> background: url('stopka2.jpg') no-repeat;
> }
> </style>
> </head>
> <body>
>
> <DIV id="calaramka">
> <div id="nawigacja">
> <P id="wpismenu"><a href="">FORUM</a></p>
> <P id="wpismenu"><a href="">ARTYKUŁY</a></p>
> <P id="wpismenu"><a href="">PROJEKTY</a></p>
> <P id="wpismenu"><a href="">KURSY</a></p>
> <P id="wpismenu"><a href="">DOWNLOAD</a></p>
> <P id="wpismenu"><a href="">REKLAMA</a></p>
> <P id="wpismenu"><a href="">KONTAKT</a></p>
> </div>
> <div id="reszta">
> <div id="logi">
> <H1>2012.03.04</H1>
> <P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
> </div>
> <div id="logi">
> <H1>2012.03.04</H1>
> <P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
> </div>
> <div id="logi">
> <H1>2012.03.04</H1>
> <P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
> </div>
> <div id="logi">
> <H1>2012.03.04</H1>
> <P>Tu przykładowy tekst wypełniający okno do krawędzi</P>
> </div>
> </div>
> </div>
>
> <div id="footer">
> </div>
> </body>
>
> Ktoś pomoże?
>

Nie wiem czy ma to duży wpływ na ten przypadek ale id powinno być
unikalne dla każdego elementu. Zmień to lepiej na <div class="logi">

[ pokaż wiadomość z nagłówkami ]

do góry
10. Data: 2012-04-03 10:25:47
Temat: Re: prośba o pomoc w css
Od: "identifikator: 20040501" <N...@g...pl>

zamieniłem, ale nie pomogło dalej przesuwa te teksty na poziomie menu, kurdę
ale skomplikowany jest ten css ;o)

[ pokaż wiadomość z nagłówkami ]

do góry