» »

[HTML] margin v FireFox-u

[HTML] margin v FireFox-u

mojo ::

Na html strani imam nekje nek style. V IE-ju se stran lepo prikaže, v FF pa se margin-bottom in margin-top ne upošteva (npr.: margin-bottom=3 px;). Če nastavim samo margin=3px, mi da razmik 3 pixle samoi levo in desno. Kako bi nastavil še za top in bottom?
Hvala za pomoč.

veteran ::

Čudno sintakso uporabljaš, enačaji nimajo kaj noter počet. ;) Tole:

body { margin: 3px; }

mora delat. BTW, ponavadi je tako, da če IE "pravilno" prikazuje, FX pa ne, gre za napako v html/css, preveri z validatorjem. V firefox namesti webdeveloper extension, potem pa Tools - validate CSS, validate html.

mojo ::

Z validate-CSS dobim:
I/O Error: Unable to contact target server localhost:80 after 3 tries.

Z validate-CSS dobim:
.. the IP address of localhost is not public ...

Rad bi pa npr.:
aa href="naslov" target="_blank" sttyle=" maargin-bottom: 3px;" >ime/a>

M.B. ::

Napako dobiš zato ker localhost ni dostopen od zunaj, ampak samo s tvojega računalnika.
 <a href="#" style="margin-bottom:3px;margin-top;3px;" bi moglo delat >


Več na W3.si
Everyone started out as a newbie.
Sadly only a handful ever progress past that point.

veteran ::

Za localhost uporabiš "Validate LOCAL CSS".

Sicer je pa treba upoštevat, da je a po defaultu inline element. Dve možnosti imaš: da linku dodaš display:block;, ali pa margin nastaviš tistemu blok elementu, v katerem je ta link.

mojo ::

"Validate LOCAL CSS" in "Validate LOCAL HTML" mi ne javita nič za ta del kode.
M.B.: dela v IE, v FF pa ne.
Če dodam linku display:block;, se mi link postavi v novo vrsto, jaz pa tega ne želim. V vrsti imam nekaj manjših slik, ki so enake velikosti, so pa slike spodaj par pixlov bele, tko da moram link zamaknit za toliko gor. Morda bi moral vse skupaj dati v table ...

veteran ::

Hja, pa premakni slike. Primer:
<div style="height:50px;">
<a href="#">prvi</a>
<img src="smile1.png" style="margin-bottom:10px" />
<a href="#">drugi</a>
<img src="smile1.png" />
<a href="#">tretji</a>
<img src="smile1.png" style="margin-bottom:-10px" />
</div>


BTW, če delaš npr vodoravni meni in so slike zgolj dekorativne, je bolje, da jih daš kar v background-image k linkom, dodaš pa padding, da narediš prostor za sliko.

mojo ::

Hja, sem nekako uredil, da je v IE normalno, v FF pa za ..5 pixlov dol zamaknjen.

Fora je, da so v vrsti gumbi. Ti gumbi so pravzaprav _a ..> _img> _/a>, jaz pa dodajam "gumb", za katerega slika ne obstaja, ampak jo simuliram z
_a ..> _img začetka slike> _/a> _a ... style=barve in rob kot slika> tekst _/a> _a ...> _img konca slike> _/a>




Zadeva že končana. Thanks.


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1297330113 (54262) htmltroubles
»

[HTML 5] + [CSS] inline-block in neželeni presledki

Oddelek: Izdelava spletišč
91616 (1357) technolog
»

poravnava li elementov

Oddelek: Izdelava spletišč
81970 (1835) boss-tech
»

[PHP]Zamenjava šumnikov z html kodami

Oddelek: Programiranje
153898 (2176) mikesr
»

Html in CSS

Oddelek: Izdelava spletišč
192133 (1686) mte

Več podobnih tem