Autor |
Nachricht |
robin_02
Threadersteller
Dabei seit: 17.09.2008
Ort: Bei Böblingen
Alter: 31
Geschlecht:
|
Verfasst Mo 14.06.2010 12:18
Titel Hilfe: CSS Style |
|
|
Hallo, ich bräuchte Hilfe von einem netten Dreamweaver Nutzer ;D
und zwar würde ich gerne meinen Header (jpg Bild und Link), den ich in einem Bildplatzhalter eingefügt habe, positionieren. Dies versuchte ich zuerst durch die Dreamweaver -Funktionen V-Abstand und H-Abstand. Dies klappte nicht. Dann ging ich per html an die programmierung, doch auch durch positon:absoulute usw.. gings nicht... dann hab ich mein wissen (?) aus der berufschule nochmal abgerufen und das ganze per stylesheet versucht. durch die angaben mit margin dachte ich mir das der spuk dann ein ende hat, wieder vergebens. Jetzt dacht ich mal das ich euch kontaktiere =)
Das ist der Quellcode und das Stylesheet:
Quellcode:
Code: | <html>
<head> <title>Homepage</title> <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body tracingsrc="Pictures/Tracing.jpg" tracingopacity="40">
<a href="http://www.google.de">
<header>
<img src="Pictures/test.jpg" alt="header" name="header" width="700" height="135" id="header">
</header>
</a>
</body>
</html>
|
Stylesheet:
Code: | header {
margin:200px 0px 0px 0px;
}
|
Ich habe hier noch ein link zu einem Bild wo ihr sehen könnt was mir mein Browser (Firefox) anzeigt...
http://img338.imageshack.us/img338/3846/bildschirmfoto20100614u.jpg
Ich hoffe das ihr mir weiterhelfen könnt!
Gruß Robin :)
Infos:
Mac OS X 10.6.3
Adobe CS 4 - Dreamweaver CS 4
Firefox 3.6.3
Zuletzt bearbeitet von Smooth-Graphics am Mo 14.06.2010 13:13, insgesamt 2-mal bearbeitet
|
|
|
|
|
willshedo
Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
|
Verfasst Mo 14.06.2010 12:34
Titel
|
|
|
Hi,
ob du dene css-Angaben per Stylesheet oder direkt in die html-Datei einbindest, macht keinen Unterschied.
In deinem geschilderten Fall ist tatsächlich Position:absolute; die Lösung.
Die <header></header> -Tags kannst auch vergessen
Css etwa so (und # vor der ID nicht vergessen!):
Code: | #header{
position:absolute;
top:100px;
left:100px;
}
|
Je nachdem, wo du das Ding hin positioniert haben möchtest.
Grüße,
Chris
|
|
|
|
|
Anzeige
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Mo 14.06.2010 12:34
Titel
|
|
|
willshedo hat geschrieben: | Die <header></header> -Tags kannst auch vergessen |
Kann er nicht!
Für dieses Element ist keine ID oder Klasse notwendig.
Ich kenne mich mit HTML5 noch nicht allzu sehr aus, aber vielleicht fehlt nur das richtige Doctype?
Kommt vor den HTML-Tag.
Zuletzt bearbeitet von SimonDerDude am Mo 14.06.2010 12:36, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 14.06.2010 12:47
Titel
|
|
|
Ein Doctype fehlt in jedem Fall. <header> ist ein HTML5-Element, das man aber bei der Formatierung außenvor lassen sollte, da u.a. FX < 3 sowie sämtliche IE-Versionen es nicht kennen (bzw. nur bei aktiv. JS). Ein durchweg konsequenter Einsatz von HTML5 ist imho erst in vielen Jahren möglich, wenn IE 6, 7 und 8 ausgestorben sind (sofern der IE 9 denn HTML5 einwandfrei unterstützen wird). Bis dahin empfehle ich XHTML 1.0 Strict - und HTML5 allenfalls, wenn die neuen Elemente durch altbekannte unterstützt werden.
Bei weiteren Fragen poste bitte einen Link.
Zuletzt bearbeitet von heiko_rs am Mo 14.06.2010 12:48, insgesamt 2-mal bearbeitet
|
|
|
|
|
willshedo
Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
|
Verfasst Mo 14.06.2010 12:54
Titel
|
|
|
Zitat: | Kann er nicht!
Für dieses Element ist keine ID oder Klasse notwendig. |
Ja, in HTML-5.
Aber in seinem Quellcode ist kein Doctype angegeben, also Quirks-Mode, also 'alte' Regelinterpretation, also verursacht der Tag eher Fehler als sonstwas. Also weglassen. Oder konsequent HTML5 regelkonform einsetzen, was ich aber eher negativ sehe, wenn schon eine einfache Positionierung solche Schwierigkeiten macht.
Hats nun geklappt mit der Position?
Grüße,
|
|
|
|
|
robin_02
Threadersteller
Dabei seit: 17.09.2008
Ort: Bei Böblingen
Alter: 31
Geschlecht:
|
Verfasst Mo 14.06.2010 13:01
Titel
|
|
|
Jawoll!
Es hat geklappt, vielen dank! Es gibt anscheinend auch noch nette Menschen hier (:
|
|
|
|
|
willshedo
Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
|
Verfasst Mo 14.06.2010 13:15
Titel
|
|
|
Sehr schön
|
|
|
|
|
|
|
|
Ähnliche Themen |
HTML element Style ohne Parentelement Style
Tipps für verwaschenen Style bzw. Splash Style
ul / li style
Adressbuch im OWA Style
Welcher Style
Inline Style und ...?
|
|