mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 07:10 Benutzername: Passwort: Auto-Login

Thema: Hilfe: CSS Style vom 14.06.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hilfe: CSS Style
Autor Nachricht
robin_02
Threadersteller

Dabei seit: 17.09.2008
Ort: Bei Böblingen
Alter: 31
Geschlecht: Männlich
Verfasst Mo 14.06.2010 11:18
Titel

Hilfe: CSS Style

Antworten mit Zitat Zum Seitenanfang

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 12:13, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
willshedo

Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
Verfasst Mo 14.06.2010 11:34
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mo 14.06.2010 11:34
Titel

Antworten mit Zitat Zum Seitenanfang

willshedo hat geschrieben:
Die <header></header> -Tags kannst auch vergessen *zwinker*


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?

Code:
<!DOCTYPE html>

Kommt vor den HTML-Tag.


Zuletzt bearbeitet von SimonDerDude am Mo 14.06.2010 11:36, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 14.06.2010 11:47
Titel

Antworten mit Zitat Zum Seitenanfang

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 11:48, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
willshedo

Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
Verfasst Mo 14.06.2010 11:54
Titel

Antworten mit Zitat Zum Seitenanfang

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,
  View user's profile Private Nachricht senden
robin_02
Threadersteller

Dabei seit: 17.09.2008
Ort: Bei Böblingen
Alter: 31
Geschlecht: Männlich
Verfasst Mo 14.06.2010 12:01
Titel

Antworten mit Zitat Zum Seitenanfang

Jawoll!

Es hat geklappt, vielen dank! Es gibt anscheinend auch noch nette Menschen hier (:
  View user's profile Private Nachricht senden
willshedo

Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
Verfasst Mo 14.06.2010 12:15
Titel

Antworten mit Zitat Zum Seitenanfang

Sehr schön * Ja, ja, ja... *
  View user's profile Private Nachricht senden
 
Ähnliche Themen HTML element Style ohne Parentelement Style
Tipps für verwaschenen Style bzw. Splash Style
ul / li style
cartoon style
Style Farbverlauf
was is das fürn style?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.