|
|||
Wenn du einen Link haben möchtest, der wie ein Blockelement funktioniert, dann gibt dem a-Element doch einfach display: block;
__________________
Ü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 |
|
|||
Zitat:
Das 'float' rutscht laut Screenshot-Service im IE-7 und IE-6 in die nächste Zeile. Wenn man das Float nach vorne setzt, passt es auch in diesen Browsern. Code:
<td> <span> 60€ </span> NIKE AIR MAX </td> |
|
|||
ich habe ja in diese td tabelle link's gesetzt und auf meiner seite ist ja ein a:link usw. nun möchte ich aber das die
einstellungen für meine link's auf der homepage anders sind als die einstellungen für die link's in der tabelle. kann ich das irgendwie machen? ich hatte ja in die ganze TD zelle hover reingemacht, nun möchte ich aber ganz links eine zelle ohne hover, ich komm da irgendwie nicht drum rum. habe versucht style="hover:none;" ging nicht... ich zähl mal die probleme auf: 1.getrende a:link einstellung... 2.ganz linke spalte ohne hover... 3.beim minimieren der seite bricht die TD zelle ungewönlich schnell was ich nicht möchte... den vorschlag es andersrum zu schreiben habe ich auch versucht hat bei mir nicht geholfen = <span> 60€ </span> NIKE AIR MAX <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type = "text/css"> a:link { text-decoration: none; color:#FFF; font-family: Tahoma; font-size: 14px; } a:visited { text-decoration: none; color: #FFF; } a:hover, a:active, a:focus { text-decoration: none; } td { font-family: Tahoma; font-size: 14px; color: #FFF; background-color: #000; } td span { float: right; margin-right:2px; width:inherit; } td:hover { background-color: #090; } </style> </head> <body> <table> <tr> <td style="width:90px; border:none;">12jul. 19.00</td> <td style="width:230px;"><a href=""><div>NIKE AIR MAX<span>60euro</span></div></a></td> <td style="width:230px;"><a href=""><div>NIKE AIR MAX<span>60euro</span></div></a></td> <td style="width:230px;"><a href=""><div>NIKE AIR MAX<span>60euro</span></div></a></td> </tr> </table> </body> </html> Geändert von gandalf_hh (11.07.2011 um 20:45 Uhr) |
|
|||
ich hab gelesen das ich die a: in klassen aufteilen muss um das umzusetzen. dann hab ich es so versucht:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type = "text/css"> a.klasse_1:link {text-decoration:none; color:#0F0; font-family:Tahoma; font-size:14px;} a.klasse_1:visited {text-decoration:none; color:#0F0;} a.klasse_1:hover, a.klasse_1:active, a.klasse_1:focus {text-decoration:none;} a.klasse_2:link {text-decoration:none; color:#F00; font-family:Tahoma; font-size:14px;} a.klasse_2:visited {text-decoration:none; color:#F00;} a.klasse_2:hover, a.klasse_2:active, a.klasse_2:focus {text-decoration:none;} td { font-family: Tahoma; font-size: 14px; color: #FFF; background-color: #000; } td span { float: right; margin-right:2px; width:inherit; } </style> </head> <body> <table> <tr> <td style="width:90px; border:none;">12jul. 19.00</td> <td style="width:230px;"><a href="" class="klasse_1"><div>NIKE AIR MAX<span>60euro</span></div></a></td> <td style="width:230px;"><a href="" class="klasse_1"><div>NIKE AIR MAX<span>60euro</span></div></a></td> <td style="width:230px;"><a href="" class="klasse_1"><div>NIKE AIR MAX<span>60euro</span></div></a></td> </tr> </table> <table> <tr> <td style="width:90px; border:none;">12jul. 19.00</td> <td style="width:230px;"><a href="" class="klasse_2"><div>NIKE AIR MAX<span>60euro</span></div></a></td> <td style="width:230px;"><a href="" class="klasse_2"><div>NIKE AIR MAX<span>60euro</span></div></a></td> <td style="width:230px;"><a href="" class="klasse_2"><div>NIKE AIR MAX<span>60euro</span></div></a></td> </tr> </table> </body> </html> ich wollte auch die hover trennen das hab ich so gemacht leider ohne erfolg: a.klasse_1:hover { text-decoration:none; background-color:#00F;} a.klasse_2:hover { text-decoration:none; background-color:#6F0;} td.a.klasse_1:hover { text-decoration:none; background-color:#00F;} td.a.klasse_2:hover { text-decoration:none; background-color:#6F0;} naja ich hab die links trennen können -aber hover trennen fehlt mir noch -die zelle ganz links möchte ich ohne hover -und wenn man die seite minimiert bricht die TD Zelle ungewöhnlich schnell, guckt mal bitte ob das normal ist Geändert von gandalf_hh (11.07.2011 um 20:59 Uhr) |
|
||||
Du liest die Hinweise nicht, oder??
Setz endlich den Code in die Tags (beim posten)! Block-Element in Inline-Element ist Murks! Mach dich mit dem sinnvollen Gebrauch von id und class vertraut! Noch ein Stichwort: Spezifität. Ansonsten, falls du das noch nicht kennst/durchgearbeitet hast: LB Teil 1 (von 2009) kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller) Manfred |
|
|||
Zitat:
Float Wenn du das gelesen hast, kannst du besser beurteilen, ob das Umbrechen in die nächste Zeile "ungewönlich schnell" oder normal erfolgt. Zitat:
IE NetRenderer - Browser Compatibility Check - |
|
|||
gelöscht.
Ich habe stattdessen einen eigenen Thread aufgemacht, weil das neue Thema doch etwas vom subject dieses Threads abweicht. ---> http://xhtmlforum.de/65146-gruppe-vo...en-hovern.html Geändert von gaby (13.07.2011 um 20:25 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe css Menu center | xXcyberXx | CSS | 5 | 28.11.2010 20:51 |
Problem mit CSS Menü | SMundt | CSS | 9 | 07.01.2009 20:12 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 13:04 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 15:40 |