27.03.2007, 14:47
|
||||
|
||||
Quelltext einrücken macht probleme im IE
Gleich vorweg mein code
 Code:
.div_menu_top {
width: 157px;
height: 115px;
float: left;
}
Code:
<div class="div_menu_top"> <img src="images/menu_top.png" alt="" /> <img src="images/button_news.png" alt="News" /> <img src="images/button_designs.png" alt="Designs"> <img src="images/button_logos.png" alt="Logos"> <img src="images/button_misc.png" alt="Misc"> </div> der IE allerdings lässt zwischen den bilder immer platz. wenn ich den quelltext nicht einrücke sondern alle <img> tags hintereinander ohne zeilenumbrüche schreibe, dann klappt es auch beim IE. heißt das für mich jetzt dass ich zwangsläufig meinen Code unübersichtlich machen muss oder gibt es eine andere lösung? mfg Kugelblitz 
|
| Sponsored Links |
|
27.03.2007, 14:57
|
||||
|
||||
|
Mein CSS sieht jetzt so aus, an der Darstellung hat sich nichts geändert.
Code:
.div_menu_top {
width: 157px;
height: 115px;
float: left;
padding: 0;
margin: 0;
}
|
| Sponsored Links |
|
27.03.2007, 15:15
|
||||
|
||||
|
Ich arbeite grade noch dran, das erste was ich je in XHTML mache...
habs dir mal hochgeladen, die kritische stelle Der aktuelle stand ist noch nicht viel, die grafiken sind noch PNG's und machen im IE sowieso probleme, aber erstmal gehts ja nur um mein Xhtml problem
|
|
27.03.2007, 15:24
|
|||
|
|||
|
Hörst du es nicht? Dein Quelltext schreit gerade zu: Ich wäre gerne eine Liste! Alles weitere wäre mit CSS problemlos machbar.
Nebenbei: Warum hat das erste Bild keinen Alternativtext?
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
|
|
27.03.2007, 15:25
|
||||
|
||||
|
Gib img display: block;. Allerdings ist Deine Herangehensweise eh falsch; ein Menü gehört in eine Liste und sollte normale Text-Links enthalten, d.h. gib a display: block;, weise Breite und Höhe zu, lasse den Text per text-indent: -9999px; verschwinden und weise die Grafiken als Hintergrund zu.
|
|
27.03.2007, 15:30
|
||||
|
||||
|
falls du das bild "http://xhtmlforum.de/images/menu_top.png" meinst: weil es eine layout-grafik und kein button/content ist.
listen werd ich mir gleich mal anschauen //edit: grad den Beitrag von heiko_rs gesehen: und gleich kaum was verstanden ^^ das mit img display: block; funktioniert, aber mein Design hat nun mal Bilder als Menu... was du mit dem rest meinst hab ich leider nicht verstanden welchen text soll ich verschwinden lassen? wem/was soll ich breite und höhe zuweisen?
__________________
StGB § 328: Mit Freiheitsstrafe bis zu fünf Jahren oder Geldstrafe wird bestraft, wer eine nukleare Explosion verursacht.
Geändert von Kugelblitz (27.03.2007 um 15:40 Uhr)
|
|
27.03.2007, 15:44
|
||||
|
||||
|
Probier mal Folgendes:
Code:
<ul class="div_menu_top"> <li><img src="./images/button_news.png" alt="News" /></li> <li><img src="./images/button_designs.png" alt="Designs"></li> <li><img src="./images/button_logos.png" alt="Logos"></li> <li><img src="./images/button_misc.png" alt="Misc"></li> </ul> Code:
ul.div_menu_top {
list-style: none;
margin: 0;
padding: 0;
background-image: url(./images/menu_top.png);
background-repeat: no-repeat;
}
__________________
Markus Wulftange
|
|
27.03.2007, 15:45
|
||||
|
||||
|
Du nimmst eine Liste ul, li enthält normale Text-Links (mit dem Text der jeweiligen Grafik). Da Du aber Grafiken verwenden möchtest, gibst Du den Links display: block; sowie Breite und Höhe entsprechend der Grafiken, und weist diese dem jeweiligen Link als Hintergrundbild zu. Und zuguterletzt weist Du den Links noch text-indent zu, damit der Text verschwindet.
EDIT: Links hast Du bislang natürlich noch nicht, aber sie dürften ja noch kommen, da es ja ein Menü ist. Die Grafiken gehören nicht ins Markup, da ausschließlich Design/Dekoration (spezielle Schrift), außerdem Stichwort Textbrowser. Geändert von heiko_rs (27.03.2007 um 15:51 Uhr)
|
|
27.03.2007, 15:56
|
||||
|
||||
|
ahh, ich glaub jetzt hab ichs, danke heiko_rs...
wär ich doch mal bei HTML geblieben, naja wird schon danke euch allen...
__________________
StGB § 328: Mit Freiheitsstrafe bis zu fünf Jahren oder Geldstrafe wird bestraft, wer eine nukleare Explosion verursacht.
|
| Sponsored Links |
|
27.03.2007, 16:36
|
|||
|
|||
|
Zitat:
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| paar Probleme mit dem CSS Layout | SimonK. | CSS | 6 | 05.10.2008 14:57 |
| Content Management Systeme und Quelltext | mcdaniels | (X)HTML | 5 | 28.12.2006 17:11 |
| IE: Probleme mit ul-Menü | Ares | CSS | 4 | 18.10.2006 11:42 |
| Liquid Design und Float Probleme | Adde | CSS | 0 | 16.04.2006 11:13 |
| Probleme mit Container und I-Net Explorer | deacon | CSS | 7 | 25.01.2006 14:53 |
Linear-Darstellung
