frage zu divs [Archiv] - 3DCenter Forum

Archiv verlassen und diese Seite im Standarddesign anzeigen : frage zu divs

Yan-13

2005-10-09, 16:29:31

Hoi folgendes prob:

<html>
<head>

<style type="text/css"></style>

<title>CS ding</title>
</head>
<body>
<center>
<div id="main">
</center>
<div class="menu1">
>> Hallo2 <br>
>> Hallo3
</div>

<div class="menu2">
>> Hallo4<br>
>> Hallo5<br>
>> Hallo6
</div>

<div class="menu3">
>> Hallo7<br>
>> Hallo8<br>
>> Hallo9
</div>

<div class="menu4">
<EMBED SRC="http://web164.server104.rhs-it.de/lol.avi" CONTROLS="true" LOOP="-1" AUTOSTART="true" HEIGHT="200" WODTH="320" BORDER="0">

</div>

<div class="rechtsmenu">
>> Hallo <br>
>> Hallo
</div>

<div class="rechtsmenus">
>> Hallo <br>
>> Hallo
</div>

<div class="rechtsmenuss">
>> Hallo <br>
>> Hallo
</div>
</div>
</div>
</body>
</html>

So wenn ich da jetzt aus <div class="menu4"> den inhalt raus nehme dann wird die rechte schrift sprich div.rechtsmenu,div.rechtsmenus,div.rechtsmenuss verschoben was kann ich tun damit sie an der richtigen stelle bleiben tut ?

alkorithmus

2005-10-09, 21:52:18

Willst du nicht ein Sammelthread für deine Probleme einrichten? :ugly2:

Yan-13

2005-10-09, 22:40:38

Kinman

2005-10-09, 22:49:54

position:relative;--> position:absolute;
habs aber net genau angeschaut..aber ich denk, das ist Dein Problem

mfg Kinman

EDIT:
So ein Sammelthread wäre eine gute Idee..

Jedes mal, wenn Du ein neues Prob hast, schreibst einen neuen Post und im ersten gibts einen Link + Kurzbeschreibung auf den Post und schreibst noch dazu ob das Problem schon gelöst wurde oder nicht ;)

Windhalf

2005-10-10, 09:33:01

Kann hier momentan auch nicht testen aber das mit "position:absolute;" scheint mir der augenscheinlichste Hinweis. Probiers mal!

ravage

2005-10-10, 10:38:58

- absolute
Absolute Positionierung durch die Angaben left, top, right, bottom. Absolut positionierte Elemente sind außerhalb des normalen Textfluß, sie liegen über den anderen Elementen und beeinflussen somit nicht ihr Layout. Die absolute Position wird relativ zu den Rändern des Eltern-Elements berechnet, wenn dieses ebenfalls positioniert ist, oder wenn es der Seiteninhalt (<body>) ist. Da sich der Seiteninhalt scrollen lässt, werden absolut positionierte Elemente mitgescrollt.

- relative
Relative Positionierung vom normalem Fluß. Die normale Position ist wie bei static im normalem Textfluß. Die Positionierungsangaben left, top, right, bottom verschieben das Element aus dieser Position. Die nachfolgenden Elemente verhalten sich so, als wäre das Element nicht verschoben

Quelle: http://www.css4you.de/position.html

Yan-13

2005-10-10, 13:25:00

alkorithmus

2005-10-10, 13:34:46

jo is denke ich mal ne gute idee ggf. kann man dasganze auch noch anheften damit man das Thema immer gut findet :P

Das is die Hilfe sektion ich benötige Hilfe habe gegooglet nix gefunden also frage ich ......

die Antwort auf meine Frage währe übrigens besser gewesen als dein super schlauer kommentar sorry :mad:

Das war nicht bös gemeint, doch es wurde schon öfter angesprochen das ein wenig eigeninitiative nicht schadet.
Dazu kommt noch das du für jedes Problem ein neuen Thread öffnest.
Es wäre einfach sinnvoller ein "Sammelthread" einzurichten.
Ist auch nur ein Vorschlag der NUR EIN VORSCHLAG IST .

Yan-13

2005-10-10, 13:58:23

jo habe bissle überreagiert ;)

Wie soll ich den diesen sammel thread machen .... soll ich da nen neues erstellen oder diesen als solchen benutzen ?

mithrandir

2005-10-10, 14:56:06

aber kann mir nochma wer in kurzen einfachen worten zusammenfassen was an - absolute anders is als an -relative ?
http://www.forum-3dcenter.org/vbulletin/showpost.php?p=3560412&postcount=6

Aso und nochwas wenn ich ne Tabelle in einem Div tag erstelle bekommt der text der in der Tabelle steht net die im div angegebene farbe ist das normal ?
Der Text innerhalb eines TableData-Tags (TD) verwendet die Eigenschaften desselben. Du kannst allerdings ja deinen TableDatas mit class=xyz ganz einfach andere Formatierungen zuweisen bzw. über die DIV-Klasse dem Unterelement einen Style zuordnen:

<html>
<head>
<title>Test</title>
<style type="text/css">

</style>
</head>
<body>
<div class="someDiv">
Some DIV-Tag!
<table>
<tr>
<td>
Some TD-Tag!
</td>
</tr>
</table>
</div>
<br />
<table>
<tr>
<td class="someTd">
Some TD-Tag!
</td>
</tr>
</table>
</body>
</html>

bye, Peter

Yan-13

2005-10-10, 15:33:26

und wieder will was net funzen ich habe nun für die Linkemenüleiste die Linkeigenschaften in den div gesetzt der code sieht nu so aus:

<html>
<head>

<style type="text/css"></style>

<title>CS ding</title>
</head>
<body>
<center>
<div id="main">
</center>
<div class="menu1">
<a href="hallo1.php">>> Hallo2</a> <br>
<a href="hallo2.php">>> Hallo3</a>
</div>

<div class="menu2">
<a href="hallo4.php">>> Hallo4</a><br>
<a href="hallo5.php">>> Hallo5</a><br>
<a href="hallo6.php">>> Hallo6</a>
</div>

<div class="menu3">
<a href="hallo7.php">>> Hallo7</a><br>
<a href="hallo8.php">>> Hallo8</a><br>
<a href="hallo9.php">>> Hallo9</a>
</div>

<div class="menu4">

<?php

$verbindung = mysql_connect("localhost" , "web164" , "cstriker");
mysql_select_db("usr_web164_1");

$abfrage = "select header,betreff,news,id from news2 order by id desc";
$ergebnis = mysql_query($abfrage);

while($row = mysql_fetch_object($ergebnis))
{
$text = $row->news;
$text = htmlentities($text);
$text = nl2br($text);

echo "<img src=\"$row->header\"> <br>
<table border=\"1\">

<colgroup>
<col width=\"100\">
<col width=\"200\">

</colgroup>
<tr>
<td><img src=\"$row->betreff\"></td>
<td>$text<br/>
<br/>
mfg Bla
</td>

</tr>

</table><br><br>";
}

?>

</div>

<div class="rechtsmenu">
<a href="">>> Hallo</a> <br>
<a href="">>> Hallo</a>
</div>

<div class="rechtsmenus">
<a href="">>> Hallo</a> <br>
<a href="">>> Hallo</a>
</div>

<div class="rechtsmenuss">
<a href="">>> Hallo</a> <br>
<a href="">>> Hallo</a>
</div>
</div>
</div>
</body>
</html>

Problem die Links sind Blau und immer unterstrichen was is falsch ?

ravage

2005-10-10, 15:51:41

Das funktioniert so nicht, wenn du alle a Tags in dem Div formatieren willst musst du das ganze so machen:

div.menu1
{
position:relative;
width:120px;
top:200px;
left:10px;
font-size:10pt;
color:red;
}

div.menu1 a:link
{
color:#d52121;
}

div.menu1 a:visited{
color:#d52121;
}

div.menu1 a:hover
{
color:#d52121;
text-decoration:underline;
}

div.menu1 a:active
{
color:#d52121;
}

http://www.css4you.de/wscss/css04.html

Das ganze sieht komplizierter aus, als es eigentlich ist ;)

Kinman

2005-10-10, 17:52:33

so supi hat funktioniert aber kann mir nochma wer in kurzen einfachen worten zusammenfassen was an - absolute anders is als an -relative ?

Aso und nochwas wenn ich ne Tabelle in einem Div tag erstelle bekommt der text der in der Tabelle steht net die im div angegebene farbe ist das normal ?

z.B. so wie ich es schon oben geschrieben habe:
Jedes mal, wenn Du ein neues Prob hast, schreibst einen neuen Post und im ersten gibts einen Link + Kurzbeschreibung auf den Post und schreibst noch dazu ob das Problem schon gelöst wurde oder nicht

mfg Kinman

Yan-13

2005-10-10, 17:58:35

hm nochma zu der Schriftfarbe innerhalb der Tabelle ....

Ich muss also nur wie hier nen neuen div tag erstellen

div.tabellenfarbe
{
color:red;
}

und dann in der Tabelle bei der ich class="tabellenfarbe" in das <br> setze:

<table>
<tr>
<td class="tabellenfarbe">
</td>
</tr>
</table>

Is das soweit richtig ?

alkorithmus

2005-10-10, 22:23:28

jo habe bissle überreagiert ;)

Wie soll ich den diesen sammel thread machen .... soll ich da nen neues erstellen oder diesen als solchen benutzen ?

Gute Idee, nutze diesen Thread weiter wenn du ein neues Problem hast und jeder sieht das du eine Frage hast weil er wieder ganz oben steht.

Kinman

2005-10-10, 23:02:07

mithrandir

2005-10-11, 07:57:43

hm nochma zu der Schriftfarbe innerhalb der Tabelle ....
Ich habe dir ein funktionierendes Beispiel gegeben, eine komplette HTML-Datei mit den Styles. Du brauchst die nur als Datei ablegen und im Browser anzeigen zu lassen. Dann orientierst du dich dort an den Styles wie sie im Beispiel definiert sind. Zu schwer? Dann lass lieber sofort die Griffel davon...

Yan-13

2005-10-11, 13:44:18

habe meinen fehler gefunden ^^

habe anstelle von div.someDiv td genommen anstelle von td.tabellenfarbe.

Yan-13

2005-10-11, 14:04:29

aso und nochmal ne kleine frage wieso wird bei meinen Tabellen der text eigentlich immer in der mitte der Tabelle geschrieben bringt es was wenn ich in den td.tabellenfarbe nen top:px einsetzen ?? Oder was muss ich machen damit der Text am obren Rander der Tabelle anfängt ?

mithrandir

2005-10-11, 14:30:41

Vertikale Ausrichtung: http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align
Horizontale Ausrichtung: http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align

mithrandir

2005-10-11, 14:52:25

Doppelpost, bitte löschen. Hab nur die Foren-Fehlermeldung bestätigt (Bitte Aktualisieren drücken ; - )

Yan-13

2005-10-11, 15:32:18

danke danke danke danke ^^

Kinman

2005-10-11, 17:39:04

Du verschreibst Dich ganz dem Vorsatz Learning by Doing, wie ;)
Schau Dir das auch mal an: http://de.selfhtml.org/css/formate/zentrale.htm#klassen

mfg Kinman

Yan-13

2005-10-12, 22:22:57

und wieder mal ne frage diesmal geht es um Laufschrift !! weder auf selfhtml noch bei google steht was man machen muss damit der lauftext stoppen tut wenn man mit der maus auf den link kommt ....

siehe hier:

www.spawn2die.de da is einer

mfg Yan13

mictasm

2005-10-13, 00:05:02

Einfach mal den Quelltext anschauen. Obwohl es nicht einfach ist, in dem Text etwas zu finden. Ist ein schaurig schönes Beispiel von verwursteten Tabellenlayoutfontanweisungen...

<marquee onmouseover=this.stop() onmouseout=this.start()>INHALT</marquee>

Ich halte ja eher nichts von Laufschrift...

Gruß,

MIC

Yan-13

2005-10-13, 13:00:53

ah danke

Yan-13

2005-10-18, 21:42:31

und mal wieder ne Frage :

Also erstma wird der Hintergrund net angezeigt das is prob nr.1

mein meine style .css sieht wie folgt aus:

<style type="text/css"></style>

Nun sollen alle links die gleiche Farbe bekommen sprich der kram muss in main div richtig ?

bei mir sähe es dann so aus:

<style type="text/css"></style>

Und dann wollte ich nochma wissen ob wer weiß ob es so nen "news" lauftext gibt sprich das aktuelle narichten automatisch angezeigt werden oder muss man des immer selber eintragen ?

Yan-13

2005-10-20, 16:36:31

sind die pros im urlaub ^^

Kinman

2005-10-20, 18:01:40

bzgl. Hintergrund: keine "" im css background-image:url(ordner/bild.jpg);

News Lauftext: Aus Datenbank auslesen, z.B.

<marquee><?php mysql_result(mysql_query("SELECT * FROM news ORDER BY date DESC"), 0, "content"); ?></marquee>

Wenn die Tabelle wie in meinem Beispiel aufgebaut ist, würde das immer den letzten Eintrag anzeigen.

Urlaub?! Was ist das?

mfg Kinman

Yan-13

2005-10-20, 19:08:45

Funzt trotzdem net ... das komische is wenn ich das stylle sheet net in ner externen datei einbinde sondern fest in das .php dokument dann geht es :|

Kinman

2005-10-20, 19:14:49

Zip das ganze mal und uploade es, oder schreib mal deinen Dir-Tree auf und wo was drin ist.
z.B.

root
styles
codes
graphics
backgrounds
images
...

mfg Kinman

Yan-13

2005-10-20, 19:22:38

So habs ma gerart:

KLICK (http://web164.server104.rhs-it.de/Dwonlaods/page.rar)

Kinman

2005-10-20, 19:49:11

Wenn Du eine Stylesheet Datei verwendest, darfst Du dort nicht den <STYLE> Tag und so schreiben. Hier die funktionierende Datei:

div#main {
background-image:url(sx.gif);
width:787px;
height:809px;
margin:0 auto;
}
div.menu1
{
position:absolute;
width:120px;
top:215px;
left:110px;
font-size:10pt;
color:#777777;
}
div.menu2
{
position:absolute;
width:120px;
top:388px;
left:110px;
font-size:10pt;
color:#777777;
}
div.menu3
{
position:absolute;
width:120px;
top:568px;
left:110px;
font-size:10pt;
color:#777777;
}
div.menu4
{
position:absolute;
width:500px;
top:230px;
left:273px;
font-size:10pt;
color:#777777;
}
div.lauftext
{
position:absolute;
width:415px;
top:195px;
left:304px;
font-size:10pt;
color:red;
}
div.menu4td
{
color:#777777;
}
div.rechtsmenu
{
position:absolute;
width:120px;
top:215px;
left:770px;
font-size:10pt;
color:#777777;
}
div.rechtsmenus
{
position:absolute;
width:120px;
top:310px;
left:770px;
font-size:10pt;
color:#777777;
}
div.rechtsmenuss
{
position:absolute;
width:120px;
top:500px;
left:770px;
font-size:10pt;
color:#777777;
}
div.newsseiten
{
position:absolute;
width:50px;
top:600px;
left:0px;
font-size:10pt;
color:#777777;
}
td.tabellenfarbe
{
color:#000000;
vertical-align:top;
}
div.members
{
position:absolute;
width:250px;
top:270px;
left:320px;
font-size:10pt;
color:#000000;
}
div.gallery
{
position:absolute;
width:400px;
top:270px;
left:290px;
font-size:10pt;
color:#000000
}
div.wars
{
position:absolute;
width:500px;
top:250px;
left:295px;
font-size:10pt;
color:#777777;
}
div.rules
{
position:absolute;
width:500px;
top:230px;
left:280px;
font-size:10pt;
color:#777777;
}

Sie ist so vollständig.

mfg Kinman

Yan-13

2005-10-22, 12:27:07

weiß kener was falsch is ??

Kinman

2005-10-22, 12:45:20

mit dem css, das ich oben gepostet habe funktionierts!

mfg Kinman

Yan-13

2005-10-22, 19:36:25

ah hatte ich net gesehen danke

Yan-13

2005-10-22, 20:05:55

Hm ich bekomme des mit den Links noch net ganz gebacken wie muss das stylesheet aussehen wenn ALLE Links Schwartz seien sollen ??

Kinman

2005-10-22, 21:42:36

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #505050;}

Alle schwarz (000000) und wenn man drüberfahrt dunkelgrau (505050)
Die Reihenfolge von link, visited, hover muss gleich bleiben!

mfg Kinman

Yan-13

2005-10-22, 22:52:46

muss ich das in nen div tag setzen oder kann ich das einfach oben inds style sheet schreiben ?

astanoth

2005-10-22, 22:56:45

Die Reihenfolge von link, visited, hover muss gleich bleiben!

Stimmt ;D

a:link, a:visited {color: #000000;}
a:hover {color: #505050;}

a:link {color: #000000;}
a:hover {color: #505050;}

Geht auch beides. Aber Links sollten als Links erkennbar bleiben, also am besten blau lassen.
Geht es, dass du zukünftig deine nicht funktionierenden Beispiele kurz online stellst, damit man sie nicht umständlich herauskopieren muss? Für sowas bin ich zum Beispiel wieder zu faul.

Kinman

2005-10-23, 01:21:24

link & visited zusammenhängen :uhammer2: Hätt ich auch schon früher draufkommen können, habs immer doppelt geschrieben. Danke!

mfg Kinman

Yan-13

2005-10-23, 20:28:23

Hm von Stern gibt es ja diesn News ticker mit dem Lauftext wo immer aktuelle news laufen ..... Gibt es sowas auch für die Gamerscene sprich net mit allgemeinen News sondern mit News für die Gamerscene ????

Kinman

2005-10-23, 22:03:38

Entweder du schreibst sie selbst oder holst sie mittels webservice rein.

mfg Kinman

Yan-13

2005-10-23, 22:08:53

meine Frage war auch eher ob es dafür nen webservise gibt

Kinman

2005-10-23, 22:23:12

schaust halt mal auf einem uddi nach

mfg Kinman

Yan-13

2005-10-23, 22:30:18

Äh sorry wenn ich frage aber was ist ein "uddy"

Kinman

2005-10-23, 22:35:47

Universal Description, Discovery and Integration
z.B. http://uddi.microsoft.com/default.aspx oder http://xmethods.com

Und manchmal hilft auch google...

mfg Kinman

EDIT:
Und wenn du noch fragst wie man ein Webservice in php einbindet --> such nach nusoap