Autor |
Nachricht |
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Sa 29.03.2008 02:38
Titel Vertikaler Abstand zwischen Buttons! [SOLVED] |
|
|
Hallo!
Ich habe folgendes Problem.
Ich habe drei Mouseoverbuttons welche unter einander dargestellt werden soll. Dies funktioniert auch alles hervorragend, jedoch ist zwischen den Buttons jeweils immer ein geringer Abstand welchen ich nicht wegbekomme.
ANfangs habe ich die Buttons mit <br> untereinander bekommen, dies habe ich nun mit einer Tabelle geändert da ich gedacht hab das es vieleicht an dem <br> liegen könnte. War leider nich so.
Wer kann mir helfen diesen Abstand da wegzubekommen?
Hier der relevante Quelltext:
Code: | <table width="100%" border="0" class="menu">
<tr>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ABOUT','','buttons/about_over.png',1)"><img src="buttons/about.png" alt="ABOUT" name="ABOUT" width="383" height="112" border="0" align="absbottom" id="ABOUT" /></a></td>
</tr>
<tr>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('PORTFOLIO','','buttons/portfolio_over.png',1)"><img src="buttons/portfolio.png" alt="PORTFOLIO" name="PORTFOLIO" width="664" height="113" border="0" align="absbottom" id="PORTFOLIO" /></a></td>
</tr>
<tr>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('CONTACT','','buttons/contact_over.png',1)"><img src="buttons/contact.png" alt="CONTACT" name="CONTACT" width="579" height="113" border="0" align="absbottom" id="CONTACT" /></a></td>
</tr>
</table>
|
Hier noch die CSS-Datei welche eigentlich nichts damit zu tun haben dürfte?!
Code: | .menu {
position: absolute;
left: 0px;
bottom: 0px;
cursor: crosshair;
line-height: 0px;
} |
Ich hoffe ich konnte euch mein Problem gut genug schildern.
Vielen Dank jetzt schonmal für eure Hilfe.
Gruß
BZL
Zuletzt bearbeitet von am Sa 29.03.2008 20:10, insgesamt 1-mal bearbeitet
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Sa 29.03.2008 04:34
Titel
|
|
|
Schlechte Problembeschreibung.
In welchem Browser (und welche Version) tritt dein Problem auf?
Zitat: | ANfangs habe ich die Buttons mit <br> untereinander bekommen |
Besser als der Ansatz mit Tabellen. Du arbeitest doch mit CSS. Wieso also Tabellen für nicht-tabellarische Inhalte zu Layoutzwecken mißbrauchen?
Zitat: | Hier der relevante Quelltext |
Da fehlt aber noch etwas Relevantes. Wie sieht die DTD-Angabe aus?
Eventuell ist es dieses Problem?
Kannst du mal einen Link posten, damit man mal schnell einen Blick drauf werfen kann.
Mit den Tools meines Browsers werde ich wohl schnell erkennen, woran das jetzt bei dir liegt.
|
|
|
|
|
Anzeige
|
|
|
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Sa 29.03.2008 09:13
Titel
|
|
|
Nagut eine Möglichkeit die Seite upzuloaden habe ich im Moment nicht, aber hier erstmal die von dir gewünschten Sachen:
Meine DTD:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> |
Browser:
Firefox 2.0.0.13
Internet Explorer 7.0.5730.11
Das mit den Tabellen war ja lediglich ein Versuch das Problem zu lösen, eine Lösung des Problems via CSS ist natürlich sinnvoller.
Was für Tools deines Browser sind das denn? Der Web Developer im FF? Wenn ja wie kann ich es denn damit erkennen?
Danke nochmals für deine Hilfe.
Gruß
BZL
|
|
|
|
|
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Sa 29.03.2008 20:11
Titel
|
|
|
Problem gelöst. Tabelle raus und "display:block" und "float:left".
Trotzdem danke für alles!
Gruß
BZL
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Abstand vor <p> beeinflussen [solved]
abstand zwischen h1 und text definieren [solved]
vertikaler mouse scroller
vertikaler und horizontaler scroll per actionscript
css abstand probleme
html abstand
|
|