zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Anfängerfrage - warum geht das nciht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.07.2011, 17:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.07.2011
Beiträge: 7
Yachtango befindet sich auf einem aufstrebenden Ast
Standard Anfängerfrage - warum geht das nciht

ich habe eine CSS Datei, in welcher ein BG Bild so breit definiert wird, wie der jeweilige Bildschirm ist.

auch diverse Container

nur: nachdem ich eine Weile herumprobiert habe, welche Veränderungen wie aussehen (Anfänger), erscheinen die texte nicht mehr über dem BG Bild sondern darunter

was hab ich verbastelt?

CSS Datei
* {
padding: 0;
margin: 0;
}

img.bg {
/* Hintergrund fuellen */
min-height: 100%;
min-width: 1024px;

/* Skalieren */
width: 100%;
height: auto;

/* feste Positionierung */
position: fixed;
top: 0;
left: 0;
}

#content {
/* Der Inhalt liegt auf dem Hintergrundbild */
position: relative;

font-family: helvetica, arial, sans-serif;
font-size: 15pt;
line-height: 20pt;
color: #ffffff;
}

#content h1 {
position: relative;

font-family: helvetica, arial, sans-serif;
font-size: 35pt;
line-height: 30pt;
background-color: #666666 ;
background: top
color: #CCCC33;
}

#content p {
position: relative;
margin-bottom: 20px;
top: 10px;
left: 1050px;
width: 450px;
font-size: 40pt;
line-height: 26pt;
letter-spacing: -0.1em;
word-spacing: 0.1em;
text-transform: uppercase;
}


#content menu {
position: relative;
height: 150px;
width: 250px;
bottom: 60px;
background: #666666;
list-style: none;
text-decoration: none;
text-transform: uppercase;
color: #c6c287;
}

#content #menu ul {
margin: 3px 0 0 75px;
}

#content ul li {
list-style: none;
}

#content ul li a {
text-decoration: none;
text-transform: uppercase;
color: #fff;
}

#content #menu a:hover {
color: #c6c287;
}

body {
/* These rules have no effect on the functionality */
/* They are for styling only */
margin: 0;
padding: 20px 0 0 0;
}
=======================

html-Seite

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Test wegen bildschirmbreitem BG Bild und CSS</title>

<link href="teststyle" rel="stylesheet" type="text/css">
</head>
<body>
<!-- hier das Hintergrundbild, einfach ein inline-img : -->
<img class="bg" src="http://charterpartner.com/pics/bgscreen.jpg">


<div id="h1">YACHTING</div>
<div id="content"><table> <tr>
<td style="width:510px;">this is the new website</td>
<tr> <td style="width:510px;">for yachtcharter</td></tr>
<tr><td style="width:510px;">We are about to create it in your languaget</td></tr>

</table></div>
<p align="center"> <strong>Coming soon</strong></p>
<p align="center"><strong>SAIL MORE</strong></p>
<p align="center"><strong>Quality in Yachtcharters</strong></p>
<p align="center"><strong>Mediterranean - Caribbean - Polynesia</strong>a</p>


<div id="menu">

<div align="center"><a href="#">About us </a></div>
<div align="center"><a href="#">FAQ </a></div>
<div align="center"><a href="#"> sailing areas</a></div>
<div align="center"><a href="#"> our team </a></div>
<div align="center"><a href="#">imprint & contact</a></div>
</div>
<!-- END OF content/menu --><!-- END OF content -->
</body>

</html>
===============


ich weiß, dáß das eine sehr simple Anfängerfrage ist, habe auch keine Zeit, Grundlagenwissen aus Büchern zu holen, daher suche ich Hinweise um es on the fly zu beheben und daraus zu lernen. Danke
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.07.2011, 16:08
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Yachtango Beitrag anzeigen
ich weiß, dáß das eine sehr simple Anfängerfrage ist, habe auch keine Zeit, Grundlagenwissen aus Büchern zu holen, daher suche ich Hinweise um es on the fly zu beheben und daraus zu lernen. Danke
Du wirst um Grundlagenwissen nicht herumkommen. Dein Code ist Müll, schmeiß ihn weg, und lies Little Boxes. Wenn du dazu keine Zeit hast, dann beauftrage jemanden, der Ahnung hat, sonst wird das nichts.
gruß,
take
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.07.2011, 17:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.07.2011
Beiträge: 7
Yachtango befindet sich auf einem aufstrebenden Ast
Daumen hoch

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Du wirst um Grundlagenwissen nicht herumkommen. Dein Code ist Müll, schmeiß ihn weg, und lies Little Boxes. Wenn du dazu keine Zeit hast, dann beauftrage jemanden, der Ahnung hat, sonst wird das nichts.
gruß,
take
Hallo - DIESER Online -Link ist KLASSE!
Der ganze Kurs ist excellent gemacht, es macht Spaß, das anzusehen und "mitzuspielen".
Erstmal stöbere ich (logisch) durch die kostenlosen Filme, wäre und bin aber sicherlich geneigt, hierfür was zu bezahlen!
Hat man selten, so eine gut gemachte Online-Lernumgebung!

Dafür ein DANKE mit 5 Sternen!
Mit Zitat antworten
  #4 (permalink)  
Alt 24.07.2011, 19:20
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.997
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Das ist eigentlich ein Buch.

Desweiteren: Benutzer für deinen Code bitte die entsprechenden Code-Tags. Diese kannst du im Editor über die Schaltflächen , oder einfügen.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #5 (permalink)  
Alt 26.07.2011, 19:06
Benutzerbild von pmmueller
Autor von "Little Boxes"
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Ort: Groningen (Niederlande)
Beiträge: 292
pmmueller sorgt für eine eindrucksvolle Atmosphärepmmueller sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Praktikant Beitrag anzeigen
Das ist eigentlich ein Buch.
Nur zur Info: yachtango hat auf little-boxes.de die Videotrainings entdeckt.
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao«
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Anfängerfrage RaBo CSS 5 25.06.2009 13:17
Noch eine Anfängerfrage RaBo Serveradministration und serverseitige Scripte 4 05.12.2008 17:39
Anfängerfrage php RaBo Serveradministration und serverseitige Scripte 6 04.12.2008 22:09
Vorsicht Anfaengerfrage : zweispaltige Listen oder Tabellen ohne "table" heinzel (X)HTML 8 25.01.2007 00:40
Anfängerfrage: DIV-Inhalt per Link ändern? cs-beckers CSS 4 10.11.2005 23:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:15 Uhr.