Jak podnieść rorator do góry ?...

[dervi3]

Witam

Jak podnieść rorator do góry aby poszedł. Tylko bez kodu margin-top: -30px; bo bez - chce.

CSS:

Kod:

.stepcarousel {
border:0 none;
height:150px;
left:90px;
overflow:scroll;
position:relative;
margin: 1px 5px;
width:510px;
}
.stepcarousel .belt {
left:0;
position:absolute;
top:0;
}
.stepcarousel .panel {
float:left;
margin:5px;
overflow:hidden;
width:160px;
}

Demo: http://skypedesign.xaa.pl/dawid/webspell/

[Pedro84]

Dla tego elementu:
[css]
position:relative;
top-30px;
[/css]
a czemu niby nie ujemny margines?

[dervi3]

Bo szpeci kod,i nie poprawnie.

[Pedro84]

Bo szpeci kod,i nie poprawnie.

Kto Ci powiedział, że jest niepoprawne? Szpeci kod?

[dervi3]

Pewna osoba która już chwile koduje.

Jak sie stosuje marginesy na - to element nachodzi na drugi i to raczej źle.

[Pedro84]

Pewna osoba która już chwile koduje.

Jak sie stosuje marginesy na - to element nachodzi na drugi i to raczej źle.

To ta osoba nie ma pojęcia o czym mówi.

[dervi3]

No wiec ok.

PS. Sprawdz jeszcze jak stosoje kod css i html ocen: http://skypedesign.xaa.pl/dawid/webspell/

[Pedro84]

HTML
1. Po pierwsze zobacz co Ci walidator wywala i popraw błędy.
2. Nie stosuj pustych elementów (np. divów, paragrafów).
3. <br> a raczej <br /> stosuje się tylko do łamania linii w tekście.

CSS
1. Grupuj selektory.
2. Dla poprawienia czytelności, możesz sobie atrybuty sortować alfabetycznie.
3. Układaj arkusz w jakiś logiczny sposób
4. Stosuj formy skrócone:
[css]padding:top right left bottom;[/css]
zamian [css]padding-left:20px; padding-top:5px[/css]
5. Grupuj, optymalizuj. 700 linii w arkuszu? O wiele za dużo.

[dervi3]

HTML
2. Nie stosuj pustych elementów (np. divów, paragrafów).
CSS
1. Grupuj selektory.
4. Stosuj formy skrócone:
[css]padding:top right left bottom;[/css]
zamian [css]padding-left:20px; padding-top:5px[/css]

AD.

HTML

1. Mam nie robić pustych div to jak inaczej mam np zrobić
<div id="srodek-prawa-koniec"></div>

CSS

1. Jak grupować mam podpisywać każdy element ?
(/* --------- sekcja srodek-prawo ---------*/)

2. Stosuje formy skrócone daje np: margin: 5px 2px; od góry 5 i lewa 2. chyba dobrze.

[Pedro84]

AD.

HTML

1. Mam nie robić pustych div to jak inaczej mam np zrobić
<div id="srodek-prawa-koniec"></div>

No tego właśnie nie robić. Jest to niepoprawne, niesemantyczne. Jeśli uważasz, że takie coś masz zrobić, to potnij jeszcze raz swój szablon, bo jest źle pocięty.

CSS
1. Jak grupować mam podpisywać każdy element ?
(/* --------- sekcja srodek-prawo ---------*/)

Są różne techniki grupowania selektorów. Możesz np. główne elementy, które mają podobne atrybuty, zapisać tak:
[css]
#container, #content {
margin:0 auto;
position:relative;
}
[/css]
Mam nadzieję, że łapiesz o co chodzi.

2. Stosuje formy skrócone daje np: margin: 5px 2px; od góry 5 i lewa 2. chyba dobrze.

Zauważyłem parę padding-left:20px. Nawet jak masz tylko jedną wartość, stosuj shorthands.

Pamiętaj, dobrych praktyk zawsze warto uczyć się na początku.