Willkommen auf dem Portal für Mediengestalter

VaneX · Threadersteller

Hallo,
ich habe als Neuling gerade echte schwierigkeiten bei einer Internetseite, die ich zur Zeit erstelle.

www.saunagaertchen.de so sieht sie bisher aus.

www.saunagaertchen.de/index1.html so soll sie aussehen, aber zwichen Navi und Text soll eine transparente weiße Fläche gelegt werden.

<head>
<body style="background-image:url(images/garten.png); background-repeat: no-repeat; width:100%; background-position: center; background-attachment:fixed;" leftmargin="" topmargin="0" marginwidth="0" marginheight="0">
</head>

<div id="header"> </div>

<div id="navi">Bild + Tabelle mit den Navigation links </div>
<div id="bg"> das soll die weiße transparente Fläche werden.
<div id="text"> das ist der text
</div>
</div>
<div id="bottom"></div>

style css:
#header {
background-image: url(images/header.png);
background-repeat: repeat-x;
height: 72px;
text-align:right;
position:static;
}

#navi a { color:#432918; font-weight:bold; text-decoration:none; }
#navi a:hover { color:#FFF; text-decoration:none;}

#navi
{
margin-top:10px;
padding-bottom:10px;
text-align:center;
position:relativ;
font-family:Arial, Helvetica, sans-serif;
font-size:2px;

}

#bg
{
width:560px;
height:100%;
color:#FFF;
}

#text a { color:#432918;text-decoration:underline; }
#text a:hover { color:#95C11F; text-decoration:underline;}

#text
{
margin:auto;
width:550px;
margin-top:10px;
text-align:left;
position:relativ;
color: #432918;

}

#bottom {
background-image: url(images/bottom.png);
background-repeat:repeat-x;
height: 102px;
clear:both;
width:100%;
position: absolute;
margin-top: 10px;

Ich würde mich freuen, wenn mir einer helfen kann.

Und ich betone nochmals, ich bin aboluter anfänger (was man ja auch sieht).

Lg
VaneX

Makhai · **Verfasst** Mo 17.06.2013 20:15 **Titel**

Soweit ich weiß, ist eine transparente Fläche doch durchsichtig? Ich verstehe deine Frage gar nicht... Grins

Willst du den Text vielleicht auf eine 70 prozentige Weißfläche setzen?

(Das Design ist auch nicht wirklich schön)

VaneX · Threadersteller

Oh man auch wieder wahr. *ha ha*

Mein Fehler, der Text soll auf eine 70% Weißfläche gesetzt werden.

Ja, das Design ist nicht schön... keine Frage.
Aber mehr kann ich eben nicht machen, erstmal muss das reichen.

Lg
VaneX

Morgo · **Verfasst** Mo 17.06.2013 20:53 **Titel**

1. rgba(), aber bitte mit Fallback
2. Wenn du schon xhtml strict deklarierst, solltest du wirklich den Markup entsprechend in Ordnung und nebenbei ins neue Jahrtausend bringen.

VaneX · Threadersteller

Danke für deine Antwort.
Kriege es zwar damit auch irgendwie nicht hin, aber naja...

zu 2. verstehe ich leider nicht, wie gesagt bin absoluter noob auf dem Gebiet * Wo bin ich? *

ChrisKam · **Verfasst** Di 18.06.2013 08:18 **Titel**

Öhh rgba() ist wirklich nicht so schwer zu kapieren, Du legst Deine Hintergrundfarbe einfach in RGB an (in Deinem Fall also 255, 255, 255) und dann gibt es noch a, das steht für alpha oder Deckkraft.

Du könntest also z.B.

Willkommen auf dem Portal für Mediengestalter

Thema: Transparente Fläche über Hintergrundbild vom 17.06.2013

Transparente Fläche über Hintergrundbild