Tekst felt hjælp.

[MaarteN]

Hejsa,

Jeg sidder i et skoleprojekt og kunne godt bruge noget hjælp.

Jeg vil gerne have en tekst felt/boks hvor teksten skal stå i. Jeg har lavet min "shape"/boks i photoshop og vil så gerne have den ind på min hjemmeside.

I kan se noget ala. det jeg mener med det grå tekst felt her:



Hvordan gør jeg det her nemmest?
Er det fint, at bruge photoshop og shapes? Eller kan man lave noget vha. html?

Jeg er åben for alt næsten! Jeg vil bare gerne have en tekst boks, som er lidt gennemsigtig så man kan se baggrundsbilledet.

På forhånd tak for hjælpen.

Mvh
Morten

[ThomasI]

Altså du vil have en div med en halv gennemsigtig grå farve?? Ligesom det på billedet hvor der står "galleri"?

Du burde kunne gøre det rimelig nemt med CSS. Se eksempel 3 i link nedenfor:

http://www.w3schools.com/css/css_image_transparency.asp

[MaarteN]

Altså du vil have en div med en halv gennemsigtig grå farve?? Ligesom det på billedet hvor der står "galleri"?

Du burde kunne gøre det rimelig nemt med CSS. Se eksempel 3 i link nedenfor:

http://www.w3schools.com/css/css_image_transparency.asp

Tak for det. Jeg har netop selv fundet ud af det samme for 2 minutter siden. Så nu har jeg fået det til at virke.

Nu vil jeg dog gerne have det centeret, og det virker med margin-left: auto; margin-right: auto; - MEN jeg har problemer med at få den ned på siden da jeg allerede har en div menu i siden. Og hvis jeg så rykker min boks ned rykker menuen og andre elementer også med. En der kender et svar på dette? Er vi ude i noget page-wrapper eller lign.

Mvh
Morten

[Daniel]

Hej Morten.

Hvordan har du opbygget din side?
Hvis du har opbygget din side med div tags inde i div tags så skulle det være nogenlunde nemt, men hvis du prøver at poster den kode det handler om så skal vi se på det.

[MaarteN]

Hej Morten.

Hvordan har du opbygget din side?
Hvis du har opbygget din side med div tags inde i div tags så skulle det være nogenlunde nemt, men hvis du prøver at poster den kode det handler om så skal vi se på det.

Den er opbygget med DIVs. Så vi er vel ude i noget float?

Ser pt sådan her ud.


Kode for divs:

Kode: Vælg alt

 <div id="box">
                
                </div>
        
    			<div id="navmenu">
        		<ul>
                <li><a href="nyheder.php"</a><img src="images/nyheder.gif"/>
                <li><a href="musik.php"</a><img src="images/musik.gif" />
                <li><a href="galleri.php"</a><img src="images/galleri.gif" />
                <li><a href="bio.php"</a><img src="images/bio.gif" />
                <li><a href="kontakt.php"</a><img src="images/kontakt.gif" />
            	</ul>
             
         		</div>

Min box + menu:

Kode: Vælg alt

#box {
  width:750px;
  height:400px;
  postition: relative;
  margin-left: auto;
  margin-right: auto;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  
  }

#navmenu ul{

	}

---------

Som man kan se på billedet vil jeg gerne have min box ned UDEN at menuen rykker sig ned med også.

Mvh
Morten

[MaarteN]

Og jeg har fixet det nu alligevel.

Det var fordi jeg havde navngivet min menu forkert også var det bare at floate som jeg allerede havde gjort.

Tak for hjælpen anyways

Morten