|
|||
Komplettes DIV mit Text & Bild verlinken
Ich möchte ein komplettes DIV mit Titel, Bild und Text verlinken.
Das ganze soll dann etwa so aussehen: ad.jpg Natürlich hab ich bereits etwas umgesetzt aber es funktioniert noch nicht so wie ich mir das vorstelle. HTML-Code:
<style type="text/css"> html, body { font-family: Verdana; background-color: #FFFFFF; margin: 0px; padding: 0px; } .ad_main { width: 234px; } .ad_title { width: 234px; font-size: 12px; font-weight: bold; margin-bottom: 5px; } .ad_img { float: left; } .ad_text { font-size: 11px; } .ad_link { display: block; text-decoration: none; } </style> <div class="ad_main"> <a href="http://www.example.net" class="ad_link"> <span class="ad_title">Suchmaschine</span><br /> <span class="ad_img"><img border="0" src="img.jpg" /></span> <span class="ad_text">Die weltweit größte und beste Suchmaschine im Internet.</span> </a> </div> Ich hoffe ihr könnt mir weiterhelfen. Gruß proloser |
Sponsored Links |
|
|||
Zitat:
Über hasLayout ? das Konzept des hasLayout im IE/Win | Deutsche Übersetzung 'width: 100%' bietet sich an. Grüße gaby |
Sponsored Links |
|
|||
margin kann auch nicht verlinkt werden, da es nicht zum Elementinhalt gehört.
__________________
Ü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. |
|
|||
Zitat:
Auf Inline-Elemente lassen sich keine vertikalen margins anwenden. Auf Block-Elemente, und Inline-Elemente mit Block-Eigenschaften, schon eher. |
|
|||
Alles klar, ich hab jetzt verstanden warum es nicht funktioniert. Könnt ihr mir vielleicht noch Lösungsvorschläge geben, denn ich weiß momentan nicht, wie ich das Problem lösen könnte.
Gruß proloser |
|
|||
Zitat:
Der vollständige Quelltext bzw eine Testseite online wäre hier sehr nützlich.
__________________
Ü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. |
|
|||
Zitat:
Wenn du ein margin-top oder margin-bottom deklarieren willst, wirkt das nur auf Block-Elemente, und Inline-Elemente mit Block-Eigenschaften. 3.4 Block- und Inline-Elemente - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller) Ein span (=Inline-Element) kannst du mit einem entsprechenden Wert für die display-Eigenschaft dazu bringen, daß es sich wie ein Block-Element verhält. |
Stichwörter |
anzeige, div, elemtn, link, verlinken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Parent DIV soll mit der Höhe seines Childs wachsen | Tekkla | CSS | 2 | 19.11.2009 19:27 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |
Falsche Darstellung beim Internet Explorer | LordAvalon | CSS | 4 | 09.04.2007 17:22 |
bild über 2 div-tags positionieren | MoJo | CSS | 7 | 12.06.2006 17:48 |
CSS - Design (clear - Problem) | -Oliver- | CSS | 11 | 21.12.2005 22:48 |