+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Jak podnieść rorator do góry ?... (/thread-jak-podnie%C5%9Bc-rorator-do-gory)
Strony:
1
2
Jak podnieść rorator do góry ?... - dervi3 - 05-01-2011
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/
RE: Jak podnieść rorator do góry ?... - Pedro84 - 05-01-2011
Dla tego elementu:
[css]
position:relative;
top-30px;
[/css]
a czemu niby nie ujemny margines?
RE: Jak podnieść rorator do góry ?... - dervi3 - 05-01-2011
Bo szpeci kod,i nie poprawnie.
RE: Jak podnieść rorator do góry ?... - Pedro84 - 06-01-2011
(05-01-2011, 23:46)dervi3 napisał(a): Bo szpeci kod,i nie poprawnie.Kto Ci powiedział, że jest niepoprawne? Szpeci kod?
RE: Jak podnieść rorator do góry ?... - dervi3 - 06-01-2011
Pewna osoba która już chwile koduje.
Jak sie stosuje marginesy na - to element nachodzi na drugi i to raczej źle.
RE: Jak podnieść rorator do góry ?... - Pedro84 - 06-01-2011
(06-01-2011, 01:39)dervi3 napisał(a): Pewna osoba która już chwile koduje.To ta osoba nie ma pojęcia o czym mówi.
Jak sie stosuje marginesy na - to element nachodzi na drugi i to raczej źle.
RE: Jak podnieść rorator do góry ?... - dervi3 - 06-01-2011
No wiec ok.
PS. Sprawdz jeszcze jak stosoje kod css i html ocen: http://skypedesign.xaa.pl/dawid/webspell/
RE: Jak podnieść rorator do góry ?... - Pedro84 - 06-01-2011
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.
RE: Jak podnieść rorator do góry ?... - dervi3 - 06-01-2011
(06-01-2011, 02:58)Pedro84 napisał(a): 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.
RE: Jak podnieść rorator do góry ?... - Pedro84 - 06-01-2011
(06-01-2011, 03:10)dervi3 napisał(a): AD.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.
HTML
1. Mam nie robić pustych div to jak inaczej mam np zrobić
<div id="srodek-prawa-koniec"></div>
(06-01-2011, 03:10)dervi3 napisał(a): CSSSą różne techniki grupowania selektorów. Możesz np. główne elementy, które mają podobne atrybuty, zapisać tak:
1. Jak grupować mam podpisywać każdy element ?
(/* --------- sekcja srodek-prawo ---------*/)
[css]
#container, #content {
margin:0 auto;
position:relative;
}
[/css]
Mam nadzieję, że łapiesz o co chodzi.
(06-01-2011, 03:10)dervi3 napisał(a): 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.