Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Tabellen zu DIV“

M

musicman2005

Guest

Moin Leute,
der hohe norden hat ein problem :( Und ich weiss nicht so richtig was ich nun machen soll! Ich habe mir mit PhotoshopCS2 ein Design gemacht! Ich wollte es spaeter als template fuer ein cms benutzten, doch ist es mit den Tabellen so ohne weiteres nicht moeglich, da es nicht dynamisch ist! Wie kriege ich es in divs ? ohne das template grossartig zu aendern ?
hier ein bild vom template !



Vielleicht koennte mir jemand ein paar tips geben wie ich es hinkriege!
 

NicoB

Hat es drauf

AW: Tabellen zu DIV

Divs werden von Photoshop nicht unterstützt. Da musst du schon selbst Hand anlegen und den Code umschreiben.
 
M

musicman2005

Guest

AW: Tabellen zu DIV

in der suchfunktion findet er nichts unter div und das is wohl das hauptwort !
 

knispel

Mediendesigner

AW: Tabellen zu DIV

Gibtst du denn immer so schnell auf?
Gib doch mal ein: slicen tabelle div
Warum "div" nicht gefunden wird, weiß ich nicht, liegt wohl an der Indizierung.
Was war denn mit meiner ersten Empfehlung?
 
M

musicman2005

Guest

AW: Tabellen zu DIV

jo war ganz ok, habe das mir aber nicht weiter angeguckt :/ habe mir nen buch geholt was hier rumlag, dachte mir hmm naja probieren geht yber studieren und habe mir dann dreamweaver angemacht und mal die toolbar layout ausgewaehlt... und habe dann nen div gemacht und solche ebenen gezogen und dann in die eben die bilder eingefuegt, nun muss ich es nur noch hinkriegen halt dass ich dann noch dadrauf schreiben kann !sprich die als bg hinkriegen geht das so einfach? :/ wie gesgt ich kenn mich mit div nicht aus und arbeite nur mit tabellen! :( und ich weiss auch das div besser ist - je nachdem was man halt vor hat :D

EDIT:

ok danke dir knispel noch einmal :) habe das nun geloest !

EDIT2:
Wie kann ich nun auf den flaechen schreiben ? ich gucke gerade bei google aber sorichtig wird mir da auch net geholfen :(

EDIT:3
ok gut, habe das mit ebenen zeichnen in dreamweaver gemacht und habe dort meine module von joomla! reingepackt !
nun ist es aber so, dass wenn der text angezeigt wird, und er laenger ist als mein content bereich, die seite sich nicht verlaengert, sondern, dass die schrift einfach drueber geht!
ich hatte mir nen anderen thread angeguckt wo gemeckert worden ist mit zuvielen divs und der genannten divitis krankheit und warum denn soviel zindex...

nun ja hier der quellcode:

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (index.psd) -->
<div id="Tabelle_01">
<div id="Slice-1">
<img src="templates/greengraybest/Bilder/Slice_1.gif" width="980" height="37" alt="">
</div>
<div id="Slice-2">
<img src="templates/greengraybest/Bilder/Slice_2.gif" width="3" height="879" alt="">
</div>
<div id="top">
<img src="templates/greengraybest/Bilder/top.gif" width="913" height="21" alt="">
</div>
<div id="Slice-4">
<img src="templates/greengraybest/Bilder/Slice_4.gif" width="64" height="879" alt="">
</div>
<div id="Slice-5">
<img src="templates/greengraybest/Bilder/Slice_5.gif" width="913" height="136" alt="">
</div>
<div id="Slice-6">
<img src="templates/greengraybest/Bilder/Slice_6.gif" width="54" height="722" alt="">
</div>
<div id="topmenu">
<img src="templates/greengraybest/Bilder/topmenu.gif" width="207" height="380" alt="">
</div>
<div id="Slice-8">
<img src="templates/greengraybest/Bilder/Slice_8.gif" width="652" height="81" alt="">
</div>
<div id="Slice-9">
<img src="templates/greengraybest/Bilder/Slice_9.gif" width="12" height="641" alt="">
</div>
<div id="newsletter">
<img src="templates/greengraybest/Bilder/newsletter.gif" width="172" height="85" alt="">
</div>
<div id="banner">
<img src="templates/greengraybest/Bilder/banner.gif" width="468" height="50" alt="">
</div>
<div id="Slice-12">
<img src="templates/greengraybest/Bilder/Slice_12.gif" width="468" height="57" alt="">
</div>
<div id="Slice-13">
<img src="templates/greengraybest/Bilder/Slice_13.gif" width="172" height="22" alt="">
</div>
<div id="Slice-14">
<img src="templates/greengraybest/Bilder/Slice_14.gif" width="8" height="17" alt="">
</div>
<div id="path">
<img src="templates/greengraybest/Bilder/path.gif" width="628" height="17" alt="">
</div>
<div id="Slice-16">
<img src="templates/greengraybest/Bilder/Slice_16.gif" width="4" height="17" alt="">
</div>
<div id="maiinbody">
<img src="templates/greengraybest/Bilder/maiinbody.gif" width="640" height="517" alt="">
</div>
<div id="bottommenu">
<img src="templates/greengraybest/Bilder/bottommenu.gif" width="207" height="342" alt="">
</div>
<div id="Slice-19">
<img src="templates/greengraybest/Bilder/Slice_19.gif" width="935" height="19" alt="">
</div>
<div id="Slice-20">
<img src="templates/greengraybest/Bilder/Slice_20.gif" width="45" height="108" alt="">
</div>
<div id="Slice-21">
<img src="templates/greengraybest/Bilder/Slice_21.gif" width="935" height="89" alt="">
</div>
</div>
<!-- End ImageReady Slices -->
<div id="Layer1">
<?php mosLoadModules ( 'left' ); ?>
</div>
<div id="Layer2">
<?php mosLoadModules ( 'user1' ); ?>
</div>
<div id="Layer3">
<?php mosMainBody(); ?>
</div>
<div id="Layer4">
<?php mosLoadModules ( 'user2' ); ?>
</div>
<div id="Layer5"></div>
<div id="Layer6">
<?php mosLoadModules ( 'top' ); ?>
</div>
<div id="Layer7">
<?php mosPathWay(); ?>
</div>
<div id="Layer8">
<form action="index.php" method="post">
<div align="center">
<input class="inputbox" type="text" name="searchword" size="15" value="<?php echo _SEARCH_BOX; ?>" onBlur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onFocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />
<input type="hidden" name="option" value="search" />
</div>
</form>
</div>
</body>
</html>

Der quellcode css datei:
#Tabelle_01 {
position:absolute;
left:0px;
top:0px;
width:980px;
height:1024px;
}
#Slice-1 {
position:absolute;
left:0px;
top:0px;
width:980px;
height:37px;
}
#Slice-2 {
position:absolute;
left:0px;
top:37px;
width:3px;
height:879px;
}
#top {
position:absolute;
left:3px;
top:37px;
width:913px;
height:21px;
}
#Slice-4 {
position:absolute;
left:916px;
top:37px;
width:64px;
height:879px;
}
#Slice-5 {
position:absolute;
left:3px;
top:58px;
width:913px;
height:136px;
}
#Slice-6 {
position:absolute;
left:3px;
top:194px;
width:54px;
height:722px;
}
#topmenu {
position:absolute;
left:57px;
top:194px;
width:207px;
height:380px;
}
#Slice-8 {
position:absolute;
left:264px;
top:194px;
width:652px;
height:81px;
}
#Slice-9 {
position:absolute;
left:264px;
top:275px;
width:12px;
height:641px;
}
#newsletter {
position:absolute;
left:276px;
top:275px;
width:172px;
height:85px;
}
#banner {
position:absolute;
left:448px;
top:275px;
width:468px;
height:50px;
}
#Slice-12 {
position:absolute;
left:448px;
top:325px;
width:468px;
height:57px;
}
#Slice-13 {
position:absolute;
left:276px;
top:360px;
width:172px;
height:22px;
}
#Slice-14 {
position:absolute;
left:276px;
top:382px;
width:8px;
height:17px;
}
#path {
position:absolute;
left:284px;
top:382px;
width:628px;
height:17px;
}
#Slice-16 {
position:absolute;
left:912px;
top:382px;
width:4px;
height:17px;
}
#maiinbody {
position:absolute;
left:276px;
top:399px;
width:640px;
height:517px;
}
#bottommenu {
position:absolute;
left:57px;
top:574px;
width:207px;
height:342px;
}
#Slice-19 {
position:absolute;
left:0px;
top:916px;
width:935px;
height:19px;
}
#Slice-20 {
position:absolute;
left:935px;
top:916px;
width:45px;
height:108px;
}
#Slice-21 {
position:absolute;
left:0px;
top:935px;
width:935px;
height:89px;
}
#Layer1 {
position:absolute;
left:59px;
top:298px;
width:201px;
height:266px;
z-index:1;
}
#Layer2 {
position:absolute;
left:60px;
top:577px;
width:199px;
height:332px;
z-index:2;
}
#Layer3 {
position:absolute;
left:283px;
top:410px;
width:632px;
height:528px;
z-index:3;
}
#Layer4 {
position:absolute;
left:277px;
top:276px;
width:167px;
height:79px;
z-index:4;
}
#Layer5 {
position:absolute;
left:450px;
top:277px;
width:468px;
height:50px;
z-index:5;
}
#Layer6 {
position:absolute;
left:2px;
top:37px;
width:912px;
height:19px;
z-index:6;
}
#Layer7 {
position:absolute;
left:284px;
top:383px;
width:627px;
height:13px;
z-index:7;
}
#Layer8 {
position:absolute;
left:57px;
top:193px;
width:204px;
height:103px;
z-index:8;
}


EDIT4:
Es wird alles richtig angezeigt mit den Bildern, die divs wurden alle von image ready erstellt! Das habe ich hier auf der seite von einem tutorial so genommen und gelernt und auch alles nochmal perfekt gesliced und es ist auch so eingestellt, das wenn der content zu lang ist, die seite sich selbst weiterbilden kann, ich habe so ein bild eingefuegt, dass es keine design fehler gibt. NUR LEIDER MACHT ER DAS NICHT! Wie kriege ich das hin? Ich weiss, dass der fehler dadrin liegen muss, dass ich eine 2te ebene habe ueber den bildern! und das dann nichts verlaengert werden kann, ich denke mir, dass man irgendwie die bilder als hintergrund reinmachen muesste, damit ich auf ihnen schreiben kann im jeweiligen div ;/ wie geht das ? und geht das ueberhaupt? was waere einfacher ? wie kriege ich es nun hin, dass der content im maiinbody angezeigt wird und wenn es zu lang wird, er die seite verlaengert und nicht ueber sie hinweg schreibt und ploetzlich im nirvana mit seinem text ist :( habe nun die ganze nacht dadran gesessen brauche hilfe :(


Danke im Vorraus !
 
Zuletzt bearbeitet von einem Moderator:
M

musicman2005

Guest

AW: Tabellen zu DIV

hat denn hier gar keiner mal 2 minuten zeit mir ne hilfe zu geben ? ich krieg es einfahc nicht hin und im inet steht nichts was ich gebrauchen koennte :(
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.143
Beiträge
2.581.734
Mitglieder
67.208
Neuestes Mitglied
docschweitzer
Oben