/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn 

Kodeord  


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5106
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hvordan får jeg det rykket
Fra : anetteogjesper
Vist : 438 gange
100 point
Dato : 03-03-06 02:24

Hej

Jeg ville gerne have billederne var mere inde på midten under teksten på min side, men hvordan gør jeg det..

Lige nu ser siden sådan ud:
http://www.brudenskjole.dk/bryllupsalbum/page_1140885198140.html
http://www.brudenskjole.dk/skoalbum/page_1140885246890.html

og hvorfor er der hvidt forneden på skosiden og hvordan ændres det?

Koden på skosiden er:

Kode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Brudenskjole</title>
<meta name="description" content="Køb din drømmekjole, syet efter din helt egne mål uden at betale en formue">
<meta name="keywords" content="Brudekjoler,brud,brudepigekjoler,børnetøj,pigetøj,damtøj,sko,drengetøj,pigetøj,Cloe.dk,slæb,tilbehør,bryllup,gom,slør">
<meta name="title" content="Brudenskjole">
<meta name="language" content="dan">
<meta name="date" content="02-03-06">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="/css/styles.css" rel="stylesheet" type="text/css">
</head>
<BODY MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" LEFTMARGIN="0"><TABLE cellpadding="0" cellspacing="0" width="100%" height="100%"><TR><TD class="main-bg"><TABLE WIDTH="780" HEIGHT="100%" align="center" CELLPADDING="0" CELLSPACING="0" BORDER="0" style="background: url('/images/header.jpg') no-repeat;"><TR><TD colspan="2" height="15" width="780"></TD></TR><TR><TD colspan="2" width="100%" height="44" valign="top"><table cellpadding="0" cellspacing="0" width="100%" height="44"><tr><td><img src="/images/menu_lbg.gif"></td><td width="100%" style="background: url('/images/menu_bg.gif') repeat-x;" valign="top"><table cellpadding="0" cellspacing="0" align="center"><tr><td><a href="/index.html" class="menu">Hjem</a></td><td width="10"></td><td><img src="/images/separator.gif" border="0"></td><td width="10"></td><td><a href="/page1137625359468.html" class="amenu">Billederne</a></td><td width="10"></td><td><img src="/images/separator.gif" border="0"></td><td width="10"></td><td><a href="/page_1140819208781.html" class="menu">Størrelsesguide</a></td><td width="10"></td><td><img src="/images/separator.gif" border="0"></td><td width="10"></td><td><a href="/page1137624960101.html" class="menu">Om kjolerne</a></td><td width="10"></td><td><img src="/images/separator.gif" border="0"></td><td width="10"></td><td><a href="/page1137625308186.html" class="menu">Kontakt os</a></td></tr></table></td><td><img src="/images/menu_rbg.gif"></td></tr></table></TD></TR><TR><TD colspan="2" width="780" height="230" valign="top" align="center"><img src="/images/logo.gif"><br><span class="company">
         Cloe.dk
      </span><br><span class="slogan">
         Brudekjoler til priser alle har råd til
      </span></TD></TR><TR><TD valign="top" width="220" height="100%"><table cellpadding="0" cellspacing="0" width="140" style="margin-left: 75px;"><tr><td><a href="/bryllupsalbum/page_1140885198140.html"><img src="/images/submenu_bullet.gif" border="0"></a></td><td style="padding-left: 10px" height="24" width="100%"><a href="/bryllupsalbum/page_1140885198140.html" class="submenu">Brudekjoler</a></td></tr><tr><td></td><td height="1" style="background: url('/images/submenu_hr.gif') no-repeat;"></td></tr><tr><td><a href="/brudealbum/page_1141295791534.html"><img src="/images/submenu_bullet.gif" border="0"></a></td><td style="padding-left: 10px" height="24" width="100%"><a href="/brudealbum/page_1141295791534.html" class="submenu">Efterligninger</a></td></tr><tr><td></td><td height="1" style="background: url('/images/submenu_hr.gif') no-repeat;"></td></tr><tr><td><a href="/album/page_1140885224937.html"><img src="/images/submenu_bullet.gif" border="0"></a></td><td style="padding-left: 10px" height="24" width="100%"><a href="/album/page_1140885224937.html" class="submenu">Brudepigekjoler</a></td></tr><tr><td></td><td height="1" style="background: url('/images/submenu_hr.gif') no-repeat;"></td></tr><tr><td><img src="/images/submenu_bullet.gif"></td><td style="padding-left: 10px" height="24" width="100%" class="submenu"><b>Sko</b></td></tr></table></TD><TD valign="top" width="560" height="100%"><table cellpadding="0" cellspacing="0" width="430"><tr><td class="text-header">Sko</td></tr><tr><td height="15"></td></tr><tr><td class="text" width="430"><span>
<table border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td height=60></td>
   </tr>
   <tr>
      <td><img width=290 height=1 src="res/dot.gif"></td>
      <td>
         <table id="thumbs" cellpadding=0 cellspacing=0 border=0>
         
         
            <tr>
            
            
               
               <td width="86" height="116">
                  
                  <a href="slides/adelain_stor.html"><img src="thumbs/adelain_stor.jpg" border=0></a>
                  </center></ja:if>
               </td>
               
            
               
               <td width="86" height="116">
                  
                  <a href="slides/asis.html"><img src="thumbs/asis.jpg" border=0></a>
                  </center></ja:if>
               </td>
               
            
               
               <td width="86" height="116">
                  
                  <a href="slides/asta_stor.html"><img src="thumbs/asta_stor.jpg" border=0></a>
                  </center></ja:if>
               </td>
               
            
            </tr>
            
         
         </table>
</td>
   </tr>
   <tr>
      <td></td>
      <td align="center">
         
         
      </td>
   </tr>
</table>

</span></td></tr><tr><td height="20"></td></tr></table></TD></TR><TR><TD colspan="2" width="780" height="16"><table cellpadding="0" cellspacing="0" align="center"><tr><td><a href="/index.html" class="bmenu">Hjem</a></td><td width="5"></td><td><img src="/images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="/page1137625359468.html" class="abmenu">Billederne</a></td><td width="5"></td><td><img src="/images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="/page_1140819208781.html" class="bmenu">Størrelsesguide</a></td><td width="5"></td><td><img src="/images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="/page1137624960101.html" class="bmenu">Om kjolerne</a></td><td width="5"></td><td><img src="/images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="/page1137625308186.html" class="bmenu">Kontakt os</a></td></tr></table></TD></TR><TR><TD colspan="2" width="780" height="26" align="center" class="footer">
      All Rights Reserved Cloe.dk
   </TD></TR></TABLE></TD></TR></TABLE><div style='display: none'><i></i><b></b><b></b><i></i><b></b><b></b><b></b><i></i><b></b><b></b><i></i><b></b><i></i><b></b><i></i><b></b></div></BODY></html>


 
 
Accepteret svar
Fra : natmaden

Modtaget 110 point
Dato : 03-03-06 02:56

I http://www.brudenskjole.dk/bryllupsalbum/page_1140885198140.html
Kode
<td><img width=290 height=1 src="res/dot.gif"></td>
      <td>
         <table id="thumbs" cellpadding=0 cellspacing=0 border=0>
   

ændre 290 til feks 50
Men tror at det hænger sammen med dit stylesheet i begge.

jo begge har et for mig ukendt tag </ja:if> hvad er det.

i ovenstående er der en enlig </center> inden i mellem <td></td>

Kode
<td width="86" height="116">

<a href="slides/adelain_stor.html"><img src="thumbs/adelain_stor.jpg" border=0></a>
</center></ja:if>
</td>

burde da vist se sådan ud
Kode
<td width="86" height="116">
<a href="slides/adelain_stor.html"><img src="thumbs/adelain_stor.jpg" border=0></a>
</td>


Mvh Jørgen
ps. vil du lægge dit stylesheet frem.

Kommentar
Fra : anetteogjesper


Dato : 03-03-06 03:04

Hej
Jeg har haft store problemer med at få lavet et fotoalbum og har derfor brugt programmet JAlbum, hvilket egenligt er okay, men driller...
Der er 2 styles.. Det for selve siden og den for albummet..

Side:
Kode
/*content style (text=pageContent)*/

.text-header
{
   font-size: 20px;
   font-family: Tahoma;
   color: #BE5653;   
   
}

.text
{
   font-size: 11px;
   font-family: Tahoma;
   color: #948C97;   
}

.pageContent
{
   font-size: 11px;
   font-family: Tahoma;
   color: #948C97;   
}

.pageContent a
{
   font-size: 11px;
   font-family: Tahoma;
   color: #948C97;   
}


/* top elements */

.company
{
   font-size: 22px;   
   font-family: Tahoma;
   color: #608482;
   letter-spacing : -1px;
}

.slogan
{
   font-size: 10px;   
   font-family: Tahoma;
   color: #A49B9F;
   font-weight: bold;
}


/*main menu*/

.menu
{
   font-size: 11px;   
   font-family: Tahoma;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
   word-spacing: -1px;   
}

.amenu
{
   font-size: 11px;   
   font-family: Tahoma;
   color: #ffffff;
   font-weight: bold;
   text-decoration: underline;
   word-spacing: -1px;      
}


/*submenu*/

.submenu
{
   font-size: 11px;   
   font-family: Tahoma;
   color: #608482;
   text-decoration: none;
}

.asubmenu
{
   font-size: 11px;   
   font-family: Tahoma;
   color: #608482;
   font-weight: bold;
   text-decoration: underline;   
}


/*bottom menu*/

.bmenu
{
   font-size: 10px;   
   font-family: Tahoma;
   color: #BE5653;
   font-weight: bold;
   text-decoration: none;   
}

.abmenu
{
   font-size: 10px;   
   font-family: Tahoma;
   color: #BE5653;
   font-weight: bold;
   text-decoration: underline;
}


/*copyright*/

.footer
{
   font-size: 10px;   
   font-family: Tahoma;
   color: #7D767F;
}

.main-bg
{
   background-color: #FEE3C8;
}


Album:
Kode
/* CSS Document */

.text{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
}

.textBold{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
   font-weight: bold;
}

body {
   margin: 0px;
   background: white url(background.jpg) no-repeat;
}
.textSmall {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #999999;
}
.textBig {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666666;
}

table#thumbs td {
   padding: 0 0 8px 0;
}

a {
   color: #999999;
}


Jeg havde faktisk tænkt at ændre lidt på siden så den måske bliver knapt så høj. lidt som her:
http://www.brudenskjole.dk/album/page_1140885224937.html
men det ser jo heller ikke okay ud...

Kommentar
Fra : sofus.dk


Dato : 03-03-06 08:36

Hvis du har mulighed for det, kunne du ligge det ind i et Layer, så kan du flytte rundt med indholdet som det passer dig.
Du skal bare kopiere det du vil flytte med, ind i layer, og så slette originalen

Kommentar
Fra : molokyle


Dato : 03-03-06 09:27

sofus.dk -> Mig bekendt understøttes layers kun af netscape browsere: http://www.htmlgoodies.com/beyond/dhtml/article.php/3470551
Det er i hvert fald ikke en del af HTML 4.01 standarden : http://www.w3schools.com/tags/default.asp

anetteogjesper -> Jeg tror en stor del af problemerne med siden er at stylesheet'ene er genereret af div. værktøjer og blandet sammen med stylesheets hentet hist og pist. Dette betyder at selvom stylesheet'ene validerer korrekt, gør precedensreglerne i CSS at de ikke virker efter hensigten.

Se f.eks. på disse 2 stylesheets:
Kode
body {background-color:#000000;color:#ffffff;}
div {backgound-color:#ffffff;color:#000000;}

Kode
body {background-color:#ffffff;color:#000000;}
div {backgound-color:#000000;color:#ffffff;}


Inkluderes de begge på en side validerer siden korrekt, men alt efter hvilket stylesheet der inkluderes først bliver effekten enten sort baggrund med hvid tekst ..eller hvid baggrund med sort tekst.

Når/hvis man vil style eksisterende sider med CSS bør man først 'strippe' al koden for inline styles, class og id henvisninger (..nogle id bruges dog i forbindelse med javascript, så her skal man være lidt varsom). Dernæst bør man fjerne alle HTML parametre og markører som bruges til formattering. Dette gælder 'ting' som : <center>, <font>, <basefont>, <strike>, <u> mv... samt parametre som har med præsentation at gøre: bgcolor, align, alink, vlink mm...

Derefter kan man style sine sider med CSS. Dette kan dog ikke gøres i 'blinde' som når man bare kopierer og indsætter HTML kodestumper man har fundet rundt omkring.

Alle HTML elementer kan positioneres med CSS, men igen er virkeligheden sådledes at ikke alle browsere forstår eller tolker koden ens

Derfor er der udviklet hacks så IE og Mozilla giver samme resultat af stylede sider: http://www.positioniseverything.net/

..nu kommer så IE7, hvilket bestemt ikke gør tingene lettere.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 03-03-06 09:42

Her lidt om centrering af HTML elementer ved brug af CSS box modellen : http://theodorakis.net/blockcenter.html

...og så er det godt at vide lidt om position egenskaben : http://www.w3schools.com/css/css_positioning.asp

</MOLOKYLE>

Kommentar
Fra : sofus.dk


Dato : 03-03-06 12:44

molo...
Hvis du bruger F.eks MX 04 eller andre, kan du opbygge det i Layer, meget simpelt.


Godkendelse af svar
Fra : anetteogjesper


Dato : 03-03-06 13:05

Tak for svaret natmaden.

Kommentar
Fra : natmaden


Dato : 03-03-06 14:22

Takker.

I dit stylesheet nr. 2
Kode
body {
margin: 0px;
background: white url(background.jpg) no-repeat;
}


mener at din anden fejl ligger der.
du beder om at baggunden skal være hvid, og som jeg kan se det,
har du ikke et billed kaldet background.jpg nogen steder på dine sider.
body mangler 'måske' også i stylesheet nr 1


Kommentar
Fra : natmaden


Dato : 03-03-06 15:06

prøv med:

Kode
BODY {
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
background-color: #fee3c8;
}


ændre også <BODY .........
til <BODY>

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 173369
Tips : 31646
Nyheder : 719565
Indlæg : 6381749
Brugere : 218246

Månedens bedste
Årets bedste
Sidste års bedste