In News blog grafik text area einfügen um news hineinschrieben zu können

leridan · 08.09.2009, 18:15

Hey Leute

Ich wollte in meine News grafik eine textarea einfügen, um news reinschreiben zu können oder vllt auch später noch eine shout box zu erstellen.

Wäre ja eignt ganz ok bloss weiss ich nicht wie ich eine text area auf eine grafik setzen kann oder ob es überhaupt nicht geht.

Habe mal schnell ein kleine grafik gemacht um zu zeigen wies sein sollte
Imageshack - ironmaidenwv7.jpg

Hoffe das ihr mir da helfen könnt

MFG Leri^^

Phybot · 09.09.2009, 17:35

Das ist ganz einfach. Du musst die News Grafik nur als Hintergrundbild einbinden, dann kannst du bequem darüber eine Textbox erstellen. => Hintergrundbilder: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

MfG
Phybot

leridan · 10.09.2009, 12:55

die idee hatte ich bereits auch , aber habe bereits den background in schwarz gemacht, und wollte die textarea über die grafik legen mittels img und nicht als background, hat vllt dafür noch einer ne idee?

Phybot · 10.09.2009, 17:37

Das ist afaik nicht möglich. Du könntest allerdings ein neues Div erstellen und den Backgroud von nicht diesem Div ändern.

leridan · 10.09.2009, 22:20

....habs mit einem div tag gemacht und es klappt super

vielen dank.

Habe nun noch eine Frage

ich weiss das es div 2 und div 3 nicht gibt dennoch wird bei der methode die grafiken richtig angezeigt bloss im ie nicht, bei <div class="div3"> wird die Grafik falsch dargestellt ich möchte das die 2 grafiken einmal links und einmal rechts neber dem bild auftauchen, hier erstmal quelli^^

HTML:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<link href="Design/test.css" rel="stylesheet" type="text/css">
<head>
    <title>Lerix-Prod</title>
</head>
<body>
<div>
<img src="Design/cronstuction.png" alt="underconstruction"/>
</div>
<div2>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div>
<div3>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div>
</body>
</html>

CSS:

jap hier weiss ich auch das man zur positionierung kein position absolute nimmt, wüsste aber nicht was ich sonst nehmen sollte.

HTML-Code:

body
{
background-color: black
}
div
{
position: absolute;
margin-left: 90px
}
div2
{
position absolute;
left: 100pt
}
div3
{
position: absolute;
right: 1pt
}

Firefox=richtige anzeige
Internet Explorer FAlsche anzeige ^^

Hier mal die test html

http://lerix-prod.de.vu

HOffe das ihr mir da helfen könnt

Gruß LEri^^

Phybot · 10.09.2009, 22:46

In deinem CSS Code sind ja auch noch ein paar Fehler drin. Probier diesen Code mal:

Code:

body {
   background-color: black;
}

div {
   position: absolute;
   margin-left: 90px;
}

div2 {
   position: absolute;
   left: 100pt;
}

div3 {
   position: absolute;
   right: 1pt;
}

Kann dir aber nicht sagen ob es so funst

MfG
Phybot

leridan · 11.09.2009, 14:17

...werde nacher alle img die nur dargestellt werden sollen ohne irgendwas zu amchen als background einfügen, und nicht mehr ls img.

leridan · 11.09.2009, 20:51

Habe noch eine sachen, ich würde gerne ein drop down menü machen, die linke navigationsleiste soll nach unten hin andere links zum vorschein bringen^^.

Weiss nicht genau wie das geht, habe schon eine gehabt und habe versucht sie zu verändern, aber leider hat sie meine bilder nicht angezeigt.

Hatt vllt einer schon so was ähnliches mit bildern?

Wäre echt nett^^

Phybot · 13.09.2009, 14:48

Probier am besten mal so etwas aus: Free DHTML Menu Builder from Sothink, DHTML Menus, Tree Menu, JavaScript Drop Down Menu
Da kommen meistens gute Ergebnisse raus und du musst dich nicht mit der Materie auseinander setzen.

MfG
Phybot

leridan · 14.09.2009, 19:37

habe das dropdown fertig

klappt super ... bloss beim ie verschiebt es sich nach rechts ka warum^^

...könnt ja mal schauen

lerix-prod.de.vu

das menü soll direkt unter menü sein auch beim ie ^^