Zurück   PSD-Tutorials.de > Webbereich > (X)HTML & CSS


Antwort
 
Themen-Optionen
Alt 26.04.2012, 18:18   #1 Nach oben scrollen
Member
MemberMember
 
Benutzerbild von pcgamer2005
 

Registriert seit: 08.08.2006
Ort: Erfurt
Beiträge: 155
Kamera: Canon 550D
Verwendet: CS5, Vegas 7, 3dsMax7

DIV container als Link darstellen


Hi, bin grad dabei meine Webseite zu programmieren nur mit dem CSS bin ich noch grad am Einsteigen läuft also alles noch nicht so rund wie ich mir das wünsche. Ich möchte von dem Tabellen komplett wegkommen deswegen versuch ich da grad ein wenig in die Materie einzusteigen. Und zwar hab ich ein Problem bei dem ich hoffe das ich hier nette Hilfe finden kann.
Und zwar Möchte ich einen Div container (130x40) als Link belegen. (ganzes div muss anklickbar sein) und da ja den DIV mit nem <a> Tag zu umrunden nicht valide ist wollte ich mal Fragen was man da machen kann?
Hoffentlich könnt ihr mir da mal weiter helfen
Das ganze sollte natürlich valide sein.

Danke schonmal um vorraus
  Mit Zitat antworten


Alt 26.04.2012, 18:40   #2 Nach oben scrollen
Member
MemberMember
 
Benutzerbild von ADcosmos
 

Registriert seit: 25.01.2012
Beiträge: 176
Kamera: Canon EOS 60D

Hi,

wieso muss es denn ein div sein? Es kann doch auch ein a-tag sein, oder? Mit "display: block;" sollte es sich wie ein div verhalten.

MFg ADcosmos
  Mit Zitat antworten
Alt 26.04.2012, 18:41   #3 Nach oben scrollen
Member
MemberMember
Themenstarter
 
Benutzerbild von pcgamer2005
 

Registriert seit: 08.08.2006
Ort: Erfurt
Beiträge: 155
Kamera: Canon 550D
Verwendet: CS5, Vegas 7, 3dsMax7

Entschuldigung wenn ich nochmal nachfragen muss aber wie sehe dass dann genau im Code aus?
  Mit Zitat antworten
Alt 26.04.2012, 18:46   #4 Nach oben scrollen
Member
MemberMember
 
Benutzerbild von ADcosmos
 

Registriert seit: 25.01.2012
Beiträge: 176
Kamera: Canon EOS 60D

Hi,

na in etwa so:

Code:
a#deineId{
   display: block;
   width:130px;
   height: 40px;
}
MFg ADCosmos
  Mit Zitat antworten
Alt 26.04.2012, 18:47   #5 Nach oben scrollen
Member
MemberMember
Themenstarter
 
Benutzerbild von pcgamer2005
 

Registriert seit: 08.08.2006
Ort: Erfurt
Beiträge: 155
Kamera: Canon 550D
Verwendet: CS5, Vegas 7, 3dsMax7

dank dir!
  Mit Zitat antworten
Alt 26.04.2012, 21:27   #6 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 06.12.2010
Beiträge: 8
Verwendet: Adobe Produkte / TYPO3

Danke sowas habe ich auch gesucht
  Mit Zitat antworten
Alt 27.04.2012, 06:06   #7 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 16.04.2008
Beiträge: 70

Oder man setzt die Seite in HTML5 auf, denn in dieser Version kann man alles beliebige mit einem Link umgeben...
  Mit Zitat antworten
Alt 27.04.2012, 07:53   #8 Nach oben scrollen
Powerposter
PowerposterPowerposterPowerposter
 

Registriert seit: 01.11.2007
Ort: Ö
Beiträge: 1.261

Ja, das stimmt. Aber nur ein div mit einem Link zu wrappen ist sinnlos, da es einiges an Code (und somit Ladezeit) spart, wenn man den betreffenden Links einfach, wie von ADcosmos bereits angemerkt, ein display:block zuweist.
  Mit Zitat antworten
Alt 27.04.2012, 15:07   #9 Nach oben scrollen
Member
MemberMember
Themenstarter
 
Benutzerbild von pcgamer2005
 

Registriert seit: 08.08.2006
Ort: Erfurt
Beiträge: 155
Kamera: Canon 550D
Verwendet: CS5, Vegas 7, 3dsMax7

Hab jetzt die version von ADcosmos angewandt und es schaut echt super aus und funktioniert einwandfrei!
Werde demnächst die Seite mal in den WIP bereich posten
  Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen