| HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |
15-03-2005, 11:07
|
|
celina
Newbie
|
|
Registriert seit: Feb 2005
Beiträge: 23
|
|
Vielleicht eine Blöde Frage, aber ....
Hallo,
ich habe vielleicht eine blöde Frage, aber ich komme einfach nicht auf die Lösung obwohl Sie so einfach erscheint.
ich habe auf einer Seite mehrere Boxen ( z.B. ein Menü, Mitgliederanzeige ),
diese Boxen habe immer die selbe Farben und Formen nur der Inhalt ändert sich. Da diese Boxen etwas 3D wirken sollen habe ich eine Schatten
eingebaut, jedoch ist es für eine Box recht viel Code und wenn ich diese addiere ( da ja mehrere Boxen ) kommt recht viel unübersicht zu tage.
Hier mal diese Box :
PHP-Code:
<? echo "
<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"150\" >
<tr>
<td rowspan=\"8\"><img src=\"images/space.gif\" width=\"10\" height=\"1\" border=\"0\" alt=\"\"></td>
<td colspan=\"5\" bgcolor=\"#ffffff\" width=\"137\"><img src=\"images/space.gif\" width=\"137\" height=\"1\" border=\"0\" alt=\"\"></td>
<td width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td bgcolor=\"#ffffff\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"125\"><img src=\"images/space.gif\" width=\"125\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"3\" border=\"0\" alt=\"\"></td>
<td width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"3\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td bgcolor=\"#ffffff\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"125\"><center><b>ÜBERSCHRIFT</b></center>
<img src=\"images/space.gif\" width=\"125\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#b8b8b8\" width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"15\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"4\" bgcolor=\"#CCA300\" width=\"136\"><img src=\"images/space.gif\" width=\"136\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"1\" border=\"0\" alt=\"\"></td>
<td width=\"3\" bgcolor=\"#b8b8b8\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"4\" bgcolor=\"#FFF5CC\" width=\"136\"><img src=\"images/space.gif\" width=\"136\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"1\" border=\"0\" alt=\"\"></td>
<td width=\"3\" bgcolor=\"#b8b8b8\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td bgcolor=\"#ffffff\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#FFE680\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#FFE680\" width=\"125\" class=\"small\">
INHALT
</td>
<td bgcolor=\"#FFE680\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#b8b8b8\" width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"15\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"5\" bgcolor=\"#000000\" width=\"137\"><img src=\"images/space.gif\" width=\"140\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#b8b8b8\" width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"2\" width=\"6\"><img src=\"images/space.gif\" width=\"6\" height=\"2\" border=\"0\" alt=\"\"></td>
<td colspan=\"4\" bgcolor=\"#b8b8b8\" width=\"134\"><img src=\"images/space.gif\" width=\"134\" height=\"2\" border=\"0\" alt=\"\"></td>
</tr>
</table>"; ?>
Vielleicht hat ja jemand eine Idee ausser mit Templates, denn das habe ich aufgegeben ( ersteinmal zu schwierig ) .
Sorry wenn der Code etwas breiter ist ( REGELVERSTOSS ) aber ich
wollte diesen unübersichtlichen Code nicht noch unübersichtlicher machen.
Gruss und Danke
|
15-03-2005, 11:29
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Re: Vielleicht eine Blöde Frage, aber ....
der tipp kann nur lauten: beschäftige dich mit CSS, und verzichte auf dieses tabellen-gewurstel.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|
15-03-2005, 11:54
|
|
celina
Newbie
|
|
Registriert seit: Feb 2005
Beiträge: 23
|
|
das hatte ich auch schon versucht, aber um dieses über CSS zu realisieren müsste ich diese 'Tabellen-Gewustel'
in einer einzigen Tabelle nterbringen. Nun habe ich es mit dem Programmieren noch nicht so ...... ,
also hatte ich mir Frontpage und Namo geschnappt und versucht diese Box über eine einzige Tabelle zu erstellen,
jedoch habe ich es nich hinbekommen.
Danke und Gruss
|
15-03-2005, 12:28
|
wahsaga
Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Zitat:
Original geschrieben von celina
Nun habe ich es mit dem Programmieren noch nicht so ......
|
das macht nichts, da HTML und CSS nicht "programmiert" werden.
Zitat:
also hatte ich mir Frontpage und Namo geschnappt und versucht diese Box über eine einzige Tabelle zu erstellen,
jedoch habe ich es nich hinbekommen.
|
entweder auf wysiwyg verlassen - und dann ggf. doch nicht ganz die ergebnisse bekommen, die man wünscht - oder HTML und CSS lernen und selber schreiben ...
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|
15-03-2005, 13:24
|
|
celina
Newbie
|
|
Registriert seit: Feb 2005
Beiträge: 23
|
|
also ich habe es nun folgender massen gemacht :
PHP-Code:
<div id="Layer1" style="position: absolute; width: 198; height: 95;
z- index: 1; left: 220; top: 62; background-color: #b8b8b8">
</div>
<div id="Layer1" style="position: absolute; width: 200; height: 99;
z- index: 1; left: 215; top: 55">
<table width="200" height="31" border="0" cellpadding="8" cellspacing="0"
style="border-right: 1 solid #000000; border-bottom: 1 solid #000000">
<tr>
<td align="center" bgcolor="#ffcc00" height="1" style="border-bottom: 1 solid #CCA300">
<b>
<font face="Arial" size="2">Mitgliederlogin</font>
</b>
</td>
</tr>
<tr>
<td align="center" bgcolor="#FFE680" height="65"
style="border-top: 1 solid #FFF5CC">Inhalt</td>
</tr>
</table>
</div>
Bewirkt im Prinzip das gleiche nur mit weniger Code,aber wie kann
ich es nun in CSS einfügen ?
Geändert von celina (15-03-2005 um 16:23 Uhr)
|
15-03-2005, 16:26
|
|
celina
Newbie
|
|
Registriert seit: Feb 2005
Beiträge: 23
|
|
Ich denke Du meintest mit dem anpassen, dass der vertikele Scrollbalnken zu sehen ist, ich habe es im letzten Post geändert.
Ich habe zwei Tabellen, da diese auch zwei Farben haben sollen.
z.B. http://www.online2day.de/flirten
Ich möchte diese halt gerne so weit optimieren wie es geht und die festgelegte Position löschen, dass bekomme ich jedoch nicht hin,
da ich wegen der Schattenbildung drauf enageiesen bin, diese
leicht versetzt zu überlagern.
Gruss und Danke
|
15-03-2005, 16:41
|
wahsaga
Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Zitat:
Original geschrieben von celina
also ich habe es nun folgender massen gemacht : [...]
|
kein stück besser, eher schlimmer.
bitte als anfänger die finger von absoluter positionierung lassen, so lange diese und ihre auswirkungen noch nicht umfassend bewusst sind!
wenn du vielleicht mal eine beispielseite zeigen könntest, wo man sehen kann, was du überhaupt erreichen willst - dann könnte man dir ggf. auch tipps zur leichteren umsetzung geben.
p.s.: wenn es sich bei deiner seite um die handelt, die zu deiner mailadresse gehört - dann darfst du allerdings auf meine hilfe verzichten.
Zitat:
|
Ich biete Ihnen Script- und Webdesign zu sehr günstigen Preisen an, ob es sich um ein Neuauftrag oder eine Abänderung bestehnder Projekte handelt, [...]
|
also wer schon webdesign "kommerziell" macht, der sollte dann m.E. auch bitteschön ein bisschen ahnung davon haben - und sich nicht in foren die leistung, für die er selber sich bezahlen lassen will, von anderen zusammenschnorren!
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Geändert von wahsaga (15-03-2005 um 16:44 Uhr)
|
15-03-2005, 16:48
|
wahsaga
Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
und noch'n P.S.:
wenn ich mir bei dieser deiner homepage mal die denic-daten anschaue - ja auf wen stosse ich denn da?
auf eine alte bekannte namens manuelakersten - also auch noch ein doppelaccount hier im forum, ja fein ...
du herzchen landest jetzt mal mit beiden nicks auf meiner ignore-liste.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
|
| Themen-Optionen |
|
|
| Thema bewerten |
|
|
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.
HTML-Code ist aus.
|
|
|
|
PHP News
|
Alle PHP Scripte anzeigen 
Jetzt registrieren
Berni
