|
| Hvordan får jeg det rykket Fra : anetteogjesper | Vist : 580 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.
| |
|
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 |
| | |
| 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.
| |
| 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.
| |
|
|