Seiten Layout, Rundung, Tabelle
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
befehl
beispiel
bild
ecken
explorer
kochbuch
layout
linke ecke
logik
nebeneinander
pack
packen
positionierung
quelltext
recht
rundung
sage
tabelle
vergessen
verliegen
-
Hi Leute,
ich m?chte mit Tabellen mein layout gestallten, als Beispiel ist dies hier perfekt:
http://de.selfhtml.org/html/tabellen/anzeige/layout.htm
Aber was ich ab?ndern will ist der lila bereich, hier sollen Rundungen rein, also da wo Willkommen steht (an der Ecke) soll eine Rundung entstehen.
Aber wie kann ich das realisieren?
Geht das mit HTML CSS?
MfG.
Blubberblub
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Also ... ne Tabelle als Styleobjekt ... solltest du direkt vergessen ....
Das ist
1. sehr unsch?n ...
2. sehr umst?ndlich ...
3. macht einen sehr un?bersichtlichen Quelltext
&
4. funktioniert es nicht einwandfrei bei allen Browsern....
CSS is das Mittel was du suchst ... ^^
Damit lassen sich die Rundungen soweit ich wei? machen .. und die Positionierungen viel pr?ziser & einfacher als mit einer Tabelle machen.
Den Befehl f?r die Rundungen kann ich dir leider nicht sagen, weil ich nur eine sehr umst?ndlichweise kenne eine Rundung einfach so mit CSS zu erzeugen und ich denke es gibt auch einfachere......
Theroetisch k?nntest du auch einfach eine Rahmengrafik erstellen und diese ?ber die Seite legen ... damit w?re das Problem auch behoben.
Gru?
-
Mh,
dann habe ich ein Problem, wenn man mit css nur Rundungen f?r firefox realisieren kann. Ich hatte auch schon daran gedacht einfach einen Hintergrund zu designen und das Navi dar?ber zu legen. Aber irgendwie m?chte ich mit Tabellen arbeiten, da man so, gut die Bereiche abtrennen kann. Ich wei? nicht ob es ohne Tabelen evtl. zu kompliziert wird. Ich suche nach einer einfachen L?sung. Au?erdem habe ich ja schon soweit alles fertig, nur die Rundungen m?ssen noch rein...
Das d?rfte doch kein Problem sein, wie macht man das denn ?blicherweise, wenn nicht mit css?
MfG.
Blubberblub
-
^^ Vergiss die Tabellen !!!
... Glaub mir einfach und vergiss die Idee es mit Tabellen zu machen
Ich habs fr?her selbst versucht .... es ist murks!!!!
Tabellen machen das Ganze nicht einfacher sondern nur komplizierter ...du kannst sp?ter ?nderungen nur noch sehr schwer vornehmen ...
Nochdazu kommt... dass du z.b. beim Internet Explorer dann L?cken zwischen den Bildern hast die du nicht wegbekommen kannst.
Sobald du eine einfache Grafik nur ?ber das Ganze legst ... brauchst du vielleicht 3 Zeilen Quellcode und es funktioniert optimal in jedem Browser.
Zu der Frage wie man es ?blicherweise macht gibt es keine Antwort ... weil es nur CSS gibt ... und Tabellen einfach nicht als M?glichkeit in Erw?gung gezogen werden sollten ....
Glaub mir einfach wenn ich dir sage dass du dir mit CSS einen Haufen arbeit sparst ... alles einfacher, ?bersichtlicher und k?rzer ist...!!
Beispiel:
(In Html)
<table border="1" width="100" height="233">
<tr>
<td width="100%" height="227">
<img src="bild1.jpg>
</td>
</tr>
</table>
(Mit CSS)
<div>
<img src="bild1.jpg" style="position:absolute;top:7px;left:256px;">
</div>
Bei einem Bild ist der Unterschied vll noch nicht so gro? ... aber sobald du mehrere Bilder nebeneinander packen willst .. wird es mit edr Tabelle schon un?bersichtlich .. und mit CSS ist es immer der selbe Code .. nur eine andere Position und ein anderes Bild...
Also ich empfehle dir .. machs direkt mit CSS dann sparst du dir die Arbeit es hinterher noch zu ?ndern.
Gru?
-
Du kannst das doch auch einfach mit Tabellen machen. *sich frag wo die Logik der User geblieben ist in der letzten Zeit...*
Beispiel:
<table>
<tr>
<td>Bild f?r die linke ecke</td>
<td>oberer Rand</td>
<td>Bild f?r die rechte Ecke</td>
</tr>
<tr>
<td>linker Rand</td>
<td>Inhalt/Text</td>
<td>rechter Rand</td>
</tr>
<tr>
<td>Ecke unten links</td>
<td>Rand unten</td>
<td>Ecke unten rechts</td>
</tr>
</table> -
mit css geht das perfekt..
hab gerade "PHP Kochbuch" (O*reily-Verlag) gelsen! GENIALES BUCH!! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
