Autor |
Nachricht |
LouisWebDesigner
Threadersteller
Dabei seit: 14.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 14.03.2012 15:59
Titel Problem! [float:left Tag] deaktiviert Links |
|
|
Hey Leute, ich hab da ein blödes problem und hoffe ihr könnt mir dabei helfen es loszuwerden, ich mache mir grad ne homepage und wenn ich das float:left tage in nem div benutze, gehen die Links nicht mehr.
Ich bin noch nicht sehr erfahren in HTML und trotzdem denke ich habe ich hier alles richtig gemacht, hab den code auch schon beim w3.validator durchlaufen lassen, 0 fehler.
Hier der Code.
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Louis Webdesigns - Home</title>
<meta http-equiv="content-type" content="text/html; text/css; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
body {
height:100%;
background-image:url(Core/BG.png);
background-position:top;
background-color:#CECECE;
background-attachment:fixed;
background-repeat:no-repeat;
font-family:Arial, Helvetica;
}
div.h1 {
position:relative;
left:50%;
margin-left:-500px;
display:block;
}
div.h2 {
position:relative;
float:left;
display:block;
}
div.h3 {
position:relative;
display:block;
}
</style>
</head>
<body>
<div class="h1">
<div class="h2">
<img src="Core/th1.png" alt="">
</div>
<div class="h3">
<img src="Core/th2.png" alt="Logo">
</div>
</div>
<div class="h1">
<div class="h2">
<a href="home/home.html">
<img src="Core/home1.png" alt="Zur Startseite" border="0"></a>
</div>
<div class="h2">
<a href="produkte/produkte.html">
<img src="Core/produkte1.png" alt="Meine Produkte" border="0"></a>
</div>
<div class="h2">
<a href="ueber/ueber.html">
<img src="Core/ueber1.png" alt="Über mich" border="0"></a>
</div>
<div class="h3">
<a href="kontakt/kontakt.html">
<img src="Core/kontakt1.png" alt="So können Sie mich erreichen" border="0"></a>
</div>
</div>
</body>
</html>
|
Vielen Dank schonmal im vorraus
MfG Louis
Zuletzt bearbeitet von LouisWebDesigner am Mi 14.03.2012 16:01, insgesamt 1-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 15.03.2012 14:16
Titel
|
|
|
bevor ich dir versuhce zu erklären, dass dein letzte div.h3 über allen vorherigen links liegt, solltest du dir das thema semantik anschauen, bevor du dir hier ungutes html aneignest.
ein tag älter, aber noch immer ein guter anfang:
http://www.vorsprungdurchwebstandards.de/theory/semantischer-code/
|
|
|
|
|
Anzeige
|
|
|
LouisWebDesigner
Threadersteller
Dabei seit: 14.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 15.03.2012 15:36
Titel
|
|
|
Hab jetzt ne lösung gefunden,
danke aber für die Antwort,
ich hab mir den Artikel jetzt durchgelesen (danke darüber hab ich bis jetzt ni nachgedacht)
aber nur damit ich das jetzt richtig verstehe, der Artikel meint, man soll vorher nachdenken welches element man am besten nimmt bzw. welches am übersichtlichsten ist (sowohl für den webseitenbesucher bzw. die website als auch für einen selbst damit man gut im code zurechtfindt), man soll sich außerdem keine sorgen darüber machen wie man alles positioniert bzw. was man dafür für pixelwerte etc. eingeben soll weil man das sowieso später machen kann und mann soll die website so gestalten , dass sich neuer inhalt gut zurechtfindet?
MfG Louis
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 15.03.2012 16:35
Titel
|
|
|
vom grundgedanken her, hast du es schon richtig verstanden. aber fast noch wichtiger ist, dass suchmaschinen und screenreader gut parsen können.
Zitat: | man soll sich außerdem keine sorgen darüber machen wie man alles positioniert bzw. was man dafür für pixelwerte etc |
die überlegungen sehen nachher eher so aus, dass du dir schon gedanken machst, wie du was positionierst, weil dir sonst der grafiker an den hals springt
aber du wirst bei diesen überlegungen im "semantischen grundgedanken" bleiben. ala:
"die navigation mache ich natürlich mit einer li-liste. da ich sie aber nebeneinander haben will, lass ich sie floaten und setze die kiste auf inline".
|
|
|
|
|
LouisWebDesigner
Threadersteller
Dabei seit: 14.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 15.03.2012 22:18
Titel
|
|
|
pixelpapst303 hat geschrieben: | aber fast noch wichtiger ist, dass suchmaschinen und screenreader gut parsen können.
aber du wirst bei diesen überlegungen im "semantischen grundgedanken"
|
gedanken wie´s später aussehen soll, mach ich mir ja sowieso, außerdem bin ich ja auch mein eigener chef bzw. die seite soll nicht für irgendein unternehmen sein also designe ich alles selber, aber den satz (Zitat) versteh ich iwie nicht.
Meinst du damit, dass desto einfacher die seite programmiert ist bzw. weniger programmierung auf der Seite ist, desto besser können die suchmaschinen die Seite finden und sie können besser und schneller angezeigt werden?
Sry für die frage, ich habs noch nicht so mit den Fachbegriffen.
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 16.03.2012 11:43
Titel
|
|
|
Ist doch ganz einfach. Wenn im Quelltext <div class="h1">Seitenüberschrift</div> steht, sieht die Suchmaschine, dass irgendwo auf der Seite das Wort "Seitenüberschrift" vorkommt. Steht auf einer anderen Seite <h1>Seitenüberschrift</h1> im Quelltext, dann erkennt die Suchmaschine, dass dies das Hauptthema der Seite sein soll. Und nun rate mal, welche Seite bevorzugt wird, (wenn man mal davon ausgeht, dass alle anderen Faktoren gleich sind,) sobald jemand "Seitenüberschrift" als Suchbegriff eingeben.
Komm jetzt aber nicht auf die Idee alles in <h1> zu setzen. Darauf fallen Suchmaschinen schon lange nicht mehr rein und listen dich dementsprechend weiter hinten. Von mehr als einem <h1> pro Seite wird daher abgeraten.
Edit: Ach ja, Suchmaschinen lesen auch lieber Texte und keine Grafiken.
Zuletzt bearbeitet von top am Fr 16.03.2012 11:46, insgesamt 1-mal bearbeitet
|
|
|
|
|
LouisWebDesigner
Threadersteller
Dabei seit: 14.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 16.03.2012 13:23
Titel
|
|
|
jo das ich lieber mit texten die navigation und den Namen im Banner machen soll weiß ich jetzt, hab auchn komplett neues layout gemacht, aber ich kann jetzt auch zum beispiel mit css <h1> formatieren und das ändert nichts daran, also heißt die suchmaschine findet das trotzdem genau gut (ich weißis ne dumme frage aber ich bin halt relativ neu in css).
Zuletzt bearbeitet von LouisWebDesigner am Fr 16.03.2012 13:24, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Div Float Left Problem
Float-Problem in <li> mit a href (links) und Text (rechts)
Listenaufzählungszeichen verschwinden bei float:left
[Float: Left] Fetter Fehler
float:left höhe anpassen
5 divboxen mit float left nebeneinander?
|
|