--> Archiwum Forum
Behemoth [ Lateralus ]
Spacja w HTMLu
Jak zrobić spację pomiędzy:
<a href=" target="_blank">
<img src="
<co tu wstawić?>
<a href=" target="_blank">
<img src="
Poratuje ktoś?
wysiak [ Legend ]
?
Nie bardzo wiem jaki efekt chcesz osiagnac...
Behemoth [ Lateralus ]
Na blogu mam dwa buttony i nie mogłem oddzielić ich spacją. Były zlepione. To " " dużo pomogło, bo pojawiła się przerwa pomiędzy nimi. A da radę jeszcze tą przerwę poszerzyć? :>
Broken_Heart [ Konsul ]
Poczytaj o tzw. Bialej spacji.
maviozo [ Man with a movie camera ]
Dodaj jeszcze jeden , choć lepiej byłoby dodać
<img style="margin-left:3px">
niż stosować twarde spacje
aha, te 3 px to przykład dla pierwszego obrazka, możesz dodać margin-right:ILEŚTAMpx dla drugiego:P
no i 3 to liczba przykładowa, daj ile będziesz potrzebował
Behemoth [ Lateralus ]
Ta, mi nie trzeba złotych porad tylko konkrety takie jak podaje wysiak :))
[edit]
Niestety to co podałeś maviozo nie pomaga, bo pewno wp ma takie ograniczenia, ale i tak dzięki za pomoc. Efekt jest zadowalający po tym " ".
[edit2]
Kolejne nie działają. Tylko jedna wchodzi :)
wysiak [ Legend ]
Wstaw kolejne non-breaking space, moze ich byc ile tylko zechcesz..;)
Siepet [ Hawkeye ]
<br/> :D
maviozo [ Man with a movie camera ]
Zrób pustego gifa... i wstaw pomiędzy przyciski...
Madril [ I Want To Believe ]
Z tego, co widzę na stronie, chcesz ten odstęp w pionie. Takie coś dodane do CSS zwiększa odstęp po obrazku (5px przykładowo, możesz zwiększać, wtedy żadna spacja nie jest potrzebna):
#sidebar img ‹
margin-bottom : 5px;
›
Wada jest taka, że po ostatnim obrazku też będzie taka przerwa. Pewnie można się pobawić z lastchild etc., ale niestety nie mam na to za bardzo czasu teraz, a nie używałem tego wcześniej, żeby na szybko zrobić.
Behemoth [ Lateralus ]
Ok. Dzięki wszystkim za odpowiedzi.
Póki co efekt jest zadowalający więc nie będę niczego ruszał, a kolejne porady sprawdzę przy większej ilości buttonów.
wysiak [ Legend ]
"Zrób pustego gifa... i wstaw pomiędzy przyciski..."
Dokladnie to bedzie najlepsze, zrob gifa 1x1 pixel w kolorze 'transparent', i wstaw gdzie zechcesz obrazek o podanych rozmiarach (1 wysokosci i ile chcesz odstepu szerokosci), dajac swojego pustego gifa jako zrodlo.
Madril [ I Want To Believe ]
wysiak --> Ogólnie nie powinno się rozmieszczać elementów na stronie za pomocą znaczników odpowiedzialnych za treść (a <img> taki jest). Oczywiście efekt będzie dobry, ale nie powinno się tak robić. :)
Do tego służą style przecież.
maviozo [ Man with a movie camera ]
Madril->ale Behemoth twierdzi, że nie może sobie tak szarżować z treścią, bo blog nie daje tyle opcji. Poza tym, wyraża się nieprecyzyjnie. Spacja dla mnie to odstępy w poziomie, podczas gdy niektorzy mówią, że chodzi o odstępy w pionie...
Behemoth [ Lateralus ]
Tak, mój błąd. Chodziło mi oczywiście o enter, a nie o spację.
Madril [ I Want To Believe ]
maviozo --> Jak nie może edytować CSSa, to zawsze można dać to w atrybucie style dla znacznika img. Jak i tego nie może to wtedy może być przezroczysty gif, ale to by było dziwne, na blogspot.com można edytować cały CSS.
maviozo [ Man with a movie camera ]
To samo zaproponowałem w [5] poście, ale nie miał prawa działać, bo działałby w przypadku poziomej przerwy a nie pionowej:)
hubercik015 [ Puste pole ]
Mi się wydaje, że dobry efekt dałoby polecenie <br></br> Przynajmniej ja na swoich pierwszych stronach używałem tego i działało dobrze.
-bartek [ Centurion ]
<br></br> nie, chyba <br/>.
Nie uwierzę, że style nie działają w WP.
to się używało jak miałem 12 lat i poniecałem się kursem Wimmera (bardzo dobrym IMHO zresztą).
maviozo podał najlepszy sposób, zaś jeszcze fajniej byłoby, gdybyś zamieścił taki bajer w zewnętrznym pliku css.
Ogólnie, jeśli jesteś bloggerem, to taka wiedza techniczna i tak będzie Ci w pewnym momencie niezbędna, więc proszę, w najfajniejszej formie:
Bez zewnętrznego pliku:
<a href=" target="_blank">
<img style="margin-bottom: 15px;" src="
<co tu wstawić?>
<a href=" target="_blank">
<img src="
Z zewnętrznym plikiem:
W pliku ze stylami:
.marginesdol15px ‹margin-bottom: 15px;›
W pliku html:
<a href=" target="_blank">
<img class="marginesdol15px" src="
<co tu wstawić?>
<a href=" target="_blank">
<img class="marginesdol15px" src="
<a href=" target="_blank">
<img class="marginesdol15px" src="
<co tu wstawić?>
<a href=" target="_blank">
<img src="
hubercik015 [ Puste pole ]
-bartek spr. przed chwilą jego kod i wkleiłem w <co tu wstawić?> komendę <br> i obrazki są bardzo ładnie jeden pod drugim z większym odstępem niż teraz są.
Ye Yo [ Legionista ]
Teraz się robi marginesy css a nie bawi w znaczniki br, zrozum...
-bartek [ Centurion ]
hubercik015, od lat zaleca się, aby warstwę prezentacyjną strony zawierały arkusze stylów a nie strukturalny HTML. M.in. dlatego, że tak naprawdę nie odmierzysz 17.5 piksela wpisując <br />. A BR to pusty tag, więc zapisujemy go <br /> (wcześniej zjadło mi spację i nie zdążyłem wydetować) a nie <br></br> :) O oszczędności kodu nie wspomnę, bo definicja klasy może mieć np. 125 znaków a potem można ją przywołać w dowolnym miejscu używając zwykle kilku. I z 10000 linijek robi się 10.
yo dawg [ Konsul ]
Akurat "spacery" 1x1 nie są zbyt poprawnym rozwiązaniem. Trochę kojarzy mi się to z cięciem laya w Adobe PS.
Madril [ I Want To Believe ]
-bartek --> W HTML jest <BR>, nie trzeba domykać pustego znacznika. Piszesz o XHTML. :P
-bartek [ Centurion ]
Madril, nie piszę o HTML czy XHTML a o tym, że zamiast <br></br> pisze się <br /> :) Ale oczywiście masz rację.
Madril [ I Want To Believe ]
-bartek --> Ale równie dobrze można powiedzieć, że zamiast <br></br> pisze się <br>. Nie ma takiego znacznika </br> (choć teoretycznie może istnieć i być prawidłowo interpretowany, bo <br></br> = <br /> z XMLowego punktu widzenia), a <br /> wzięło się w XHTML stąd, że XML wymusza zamykanie wszystkich znaczników. To takie szczegóły, ale lepiej jest wyjaśnić w pełni, szczególnie, że to nie jest skomplikowane. :)