|
|||
Homepage Bug
Hallo,
ich bin mir nicht sicher ob es in dieses Forum reingehört aber ich habe einen Darstellungsfehler (Google Chrome und Firefox) in meiner Homepage und weiß absolut nicht wie der dahin kommt. Hier der Screenshot: ImageShack - Image Hosting :: bugp.jpg Die Abstände im rot markiertem Bereich dürften eigentlich gar nicht sein. Der Internet Explorer z.B. zeigt alles richtig an. Hier der betroffene Code: HTML-Code:
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img name="Header" src="images/header.jpg" width="1000" height="116" border="0" alt="Header" /></td> </tr> </table> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><form method="POST" action="index.php?pid=login" style="display: inline;"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/login_box_border_left.jpg" width="10" height="30" border="0" /></td> <td width="119" height="30" background="images/login_box_bg.jpg" style="padding-top: 3px;"><input type="text" name="email" class="inputLogin" onblur="if(value == '') { value = 'E-Mail' }" onfocus="if(value == 'E-Mail') { value = '' }" value="E-Mail" /></td> <td><img src="images/login_box_border_middle.jpg" width="13" height="30" border="0" /></td> <td width="120" height="30" background="images/login_box_bg.jpg" style="padding-top: 1px;"><input type="password" name="password" class="inputLogin" onblur="if(value == '') { value = 'Password' }" onfocus="if(value == 'Password') { value = '' }" value="Password" /></td> <td><img src="images/login_box_border_right.jpg" width="7" height="30" border="0" /></td> <td><img name="Login" src="images/login_button.jpg" width="51" height="30" border="0" alt="Loginbutton" /></td> <td><img name="Register" src="images/login_register.jpg" width="81" height="30" border="0" alt="Registerbutton" /></td> </tr></table></form></td> <td width="599" background="images/login_bg.jpg"> </td> </tr> </table> Gruß |
Sponsored Links |
|
||||
Dein Beitrag gehört eigentlich in den CSS-Bereich.
Bitte lies auch die Hinweise für Fragende und stell lauffähigen Code bereit, am besten direkt einen Link zu deinem Problemfall. Anhand einer Grafik wird niemand dein Problem nachvollziehen können. |
Sponsored Links |
|
|||
Sooo
sorry erstmal wegen der späten Rückmeldung. Also es geht um folgendes: Meine Büro Online Dort wird der Loginbereich völlig falsch angezeigt, sowohl im IE, als auch im FF oder Google Chrome. Desweiteren sind bei FF und Google Chrome diese Abstände zwischen den Grafiken, die eigentlich nicht sein dürften. Was ist da los? Danke und Gruß Benjamin S. |
|
||||
Grundlagenwissen ... Bilder sind Inlineelemente und haben einen unteren 3px Rand.
Um es zu ändern, gib den Bildern in deinen Zellen ein display: block mit auf den Weg. ... und überleg dir für die Zukunft, keine Tabellen mehr zum Layouten zu missbrauchen.
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Der Abstand hängt von der Zeilenhöhe (line-height) der Line-Box ab, in der das Bild liegt. Er kann also jeden beliebigen Wert annehmen.
__________________
toscho.de |
|
||||
Im Durchschnitt sind es aber ca. 3px
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Hey danke euch für die Hilfe. Hat gut geklappt..
Zum "Missbrauchen von Tabellen für das Layout": Ich weiß das man Tabellen dafür nicht benutzen sollte und das ganze mit CSS machen, nur habe ich leider keine Ahnung wie ich das mit diesen Divs machen muss. Ich habe damals mal eine Einführung gelesen aber irgendwie hat mir das nicht weitergeholfen und die Lust verschwand. Vielleicht habt ihr ein gutes Einsteigertutorial für mich? Naja danke auf jedenfall nochmal für die Hilfe Edit: Hab grad gemerkt, da ist ja noch das Problem mit der Loginbox... wieso ist da so ein Kuddelmuddel? Geändert von hmp (07.04.2009 um 16:00 Uhr) |
|
|||
Hat keiner eine Idee, oder ist die Frage einfach zu doof? Sorry, bin neu auf dem Gebiet und hab sonst nur mit Tabellen gearbeitet und mit CSS nur grundlegend gearbeitet also nicht detailiert.
|
Sponsored Links |
|
||||
Ich hab dir doch oben geschrieben, was du machen kannst. Was willst du mehr?
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme bei Bildschirmauflösung einer neu erstellten Homepage – Htmlseiten werden n | TB1975 | CSS | 6 | 20.02.2009 16:28 |
[Design & Inhalt] Homepage eines Messengers | raikon | Site- und Layoutcheck | 18 | 06.06.2007 16:12 |
homepage in css, rahmen | webix21 | CSS | 4 | 18.12.2006 18:09 |
Bug in Firefox? | Lestat | (X)HTML | 11 | 26.07.2006 19:10 |
homepage - ohne Zeilenumbruch | ueb65 | CSS | 3 | 30.01.2005 02:06 |