Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Strg_Alt_Entf vom 14.04.2019, 19:35 Options

Hyperlink für kompletten DIV | kl. Problem bei Formatierung

Hallo,

bei meiner HP soll der Hyperlink für einen kompletten div-Bereich gelten, und nicht nur für den Text selber.

Das habe ich auch schon hinbekommen:

<a class="[b]kasten[/b]" href="/seiten/ueber_mich/steckbrief.php"><span class="[b]title[/b]">ÜBERSCHRIFT</span>TEXT TEXT TEXT</a>

und

.[b]kasten [/b]{
	width: 33%;
	height: 200px;
	border:none;
	float:left;	
	text-decoration:none;
}

.[b]kasten[/b]:hover {
	background-color:#FFFFFF;
	background-image:url(/bilder/kasten/k_back.jpg);
	background-repeat:repeat-x;
	color:#000000;
	text-decoration:underline;
}

.[b]title [/b]{text-decoration:none; font-size:15px; font-weight:bold; text-align:center}

Nun habe ich noch zwei Probleme:
1. Ich bekomme den <span>-Bereich nicht valide zentriert (horizontal)

2. Ich kriege keinen validen Absatz hin (obwohl das doch ziemlich einfach sein sollte). Mit <br /> habe ich es schon versucht - geht aber nicht, da ich HTML 4.01 und nicht XHTML verwende.

Vielen Dank
Gruß

Antwort schreiben

Antwort 1 von rfb vom 15.04.2019, 09:02 Options

ich verstehe zwar den Sinn des Ganzen nicht, aber trotzdem ein Tipp:

Verpass allen Elementen die Eigenschaft display:block

Mit diesen Blockelementen lässt sich dann leichter arbeiten.

Antwort 2 von Strg_Alt_Entf vom 25.04.2019, 11:09 Options

Habs jetzt so gelöst:

.kasten {
	display:block;
	width: 33%;
	height: 200px;
	border:none;
	float:left;	
	text-decoration:none;
}

.kasten:hover {
	display:block;
	background-color:#FFFFFF;
	background-image:url(/bilder/kasten/k_back.jpg);
	background-repeat:repeat-x;
	color:#000000;
	text-decoration:underline;
}

.ub {display:block; text-decoration:none; font-size:15px; font-weight:bold; text-align:center; padding-top:16px}

<a class="kasten" href="/seiten/ueber_mich/steckbrief.php"><span class="ub">Steckbrief</span><br />
Die wichtigsten Infos &uuml;ber mich als kurze Zusammenfassung.</a>

Jetzt habe ich nur noch das Problem, dass Firefox bei Mouseover die Überschrift fett unterstreicht (also mit einem dickeren Strich, als normalerweiße).

Gruß

Antwort 3 von Strg_Alt_Entf vom 25.04.2019, 11:18 Options

EDIT: Mir ist gerade gekommen, dass es wahrscheinlich daran liegt, dass die Überschrift einfach eine größere Schriftgröße hat.

- - - - - - -

Andere Frage:
Wie kann man eine bestimmte Eigenschaft nur dem InternetExplorer zuweisen?
Versteht ihr was ich meine? Die CSS-Eigenschaft soll nur der IE verwenden. Alle anderen Browser sollen einen anderen Wert verwenden.
Es ist nämlich so, dass auf einer meiner Seiten, Firefox und IE das Padding unterschiedlich interpretieren.
Entweder schreibe ich es so, dass es für den IE passt - dann ist es aber im Firefox falsch. Umgekehrt stellt der IE es falsch dar.

Vielen Dank + Entschuldigung, dass ich ständig frage.
Gruß

Antwort 4 von rfb vom 25.04.2019, 11:28 Options

sowas nennt sich Browserweiche, gibts jede Menge, zu empfehlen sind bei deiner Fragestellung Conditional Comments

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken