HTML menu z prawej str na lewa

aneta81 · 2 Listopada 2007

Witam jestem naprawde poczatkujaca w tej materii i jak przystalo na blondynke mam problem :wink: potrzebuje przeniesc menu z lewej strony na prawa(ale maja byc na tym samym poziomie co obrazek fryzjer.png tj chodzi o te cztery wpisy

ps. wiem ze to musi wygladac okropnie, bedze wdzieczna za poprawienie bledow mecze sie juz nad tym trzeci dzien

<td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>

caly kod

<html>
<head>

<META http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<META http-equiv="Reply-to" content="xxxx">
<META http-equiv="Content-Language" content="pl">
<META http-equiv="PICS-Label" content='(PICS-1.0 "https://www.rsac.org/ratingsv01.html" l gen true comment "RSACi North America Server" by "kknd81@gmail.com" for "https://xxxxxxx.xx.xx/" on "2007.10.24T21:19+0100" exp "2025.12.31T23:59+0100" r (n 0 s 0 v 0 l 0))'>
<META name="robots" content="all">
<META name="revisit-after" content="5 Days">

<title>Salon Fryzjerski</title>
<META name="title" content="Salon Fryzjerski">
<META name="Keywords" content="fryzjer, salon, pasemka">
<META name="description"
 content="Prowadzony przez wykwalifikowaną fryzjerkę oferuje strzyżenie damsko - męskie>
<META name="abstract" content="Salon Fryzjerski">
</head>


<body background="img/tlo.png">
<body link="#FEE8A8" alink="#FEE8A8" vlink="#FEE8A8">
<div align="center"/>


<table border="0" cellpadding="0" cellspacing="0" align="rigft"/>
	<tr>
<td width="693"><a href="http...."><img src="img/fryzjer.png" alt="salon fryzjerski" width="693" height="139"></a></td>

		<td style="background-color: #FEE8A8"/>




<table border="0" cellpadding="0" cellspacing="0" width="100%" align="left"/>

				<tr>
<td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
				</tr>

				<tr>
<td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
				</tr>

				<tr>
<td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
				</tr>

				<tr>
<td style="background-color: #FEE8A8"><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></td>
				</tr>

			</table>


	<tr>
		<td style="width:"900" bgcolor="#FEE8A8">


			<p> </p>
			<p style="text-align:center;"><b><i>
			<font face="Book Antiqua" size="7" color="#B12E2A">Zaprasza</font>
						<br>	
			<font face="Book Antiqua" size="4" color="#B12E2A"> 
			od poniedzialku do piatku 10<sup>00</sup> - 19<sup>00</sup>
			<br>
			sobota 8<sup>00</sup> - 15<sup>00</sup></font></i></b>
			</p>
			<p style="text-align:center;"><b><i>
			<font size="4" face="Book Antiqua" color="#B12E2A">Salon w 
			<br>
			tel. 089 6</font></i></b></p>

		</td>

		<td style="background-color: #FEE8A8" height="443" valign="top">
		 
		<img src="img/aneta.PNG" alt="aneta">
		<p style="text-align:left;">
		<i><font face="Book Antiqua" size="5" color="#B12E2A">fryzjerstwo</font>
		<p style="text-align:right;">
		<i><font face="Book Antiqua" size="5" color="#B12E2A">jest nasza pasja</i></td></font>
	</tr>

</body>

</html>

Kaviorek · 3 Listopada 2007

to, że ten kod jest do niczego to pewnie wiesz, i Cię to nie obchodzi więc zróbmy to co chcesz,

czy napis ' fryzjerstwo jest nasza pasja' ma być też po prawej stronie?

jeżeli tak to:

<html>
<head>

<META http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<META http-equiv="Content-Language" content="pl">
<title>Salon Fryzjerski</title>
<META name="title" content="Salon Fryzjerski">
<META name="Keywords" content="fryzjer, salon, pasemka">
<META name="description" content="Prowadzony przez wykwalifikowaną fryzjerkę oferuje strzyżenie damsko - męskie">
<META name="robots" content="all">
</head>

<body background="img/tlo.png" link="#FEE8A8" alink="#FEE8A8" vlink="#FEE8A8">
<div align="center"/>


<table border="0" cellpadding="0" cellspacing="0" align="rigft"/>
<tr>
 <td style="background-color: #FEE8A8"/>


<table border="0" cellpadding="0" cellspacing="0" width="100%" align="left"/>
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>		
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>
</table>

 </td>

 <td width="693"><a href="http...."><img src="img/fryzjer.png" alt="salon fryzjerski" width="693" height="139"></a></td>
</tr>		   
<tr>
 <td style="background-color: #FEE8A8" height="443" valign="top">


		<img src="img/aneta.PNG" alt="aneta">
		<p style="text-align:left;">
		<i><font face="Book Antiqua" size="5" color="#B12E2A">fryzjerstwo</font>
		<p style="text-align:right;">
		<i><font face="Book Antiqua" size="5" color="#B12E2A">jest nasza pasja</i></td></font>
		<td style="width:"900" bgcolor="#FEE8A8">


			<p> </p>
			<p style="text-align:center;"><b><i>
			<font face="Book Antiqua" size="7" color="#B12E2A">Zaprasza</font>
						<br>	
			<font face="Book Antiqua" size="4" color="#B12E2A">
			od poniedzialku do piatku 10<sup>00</sup> - 19<sup>00</sup>
			<br>
			sobota 8<sup>00</sup> - 15<sup>00</sup></font></i></b>
			</p>
			<p style="text-align:center;"><b><i>
			<font size="4" face="Book Antiqua" color="#B12E2A">Salon w
			<br>
			tel. 089 6</font></i></b></p>

</td>
 </tr>
</table>

</div>
</body>

</html>

jeżeli nie to np:

<html>
<head>

<META http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<META http-equiv="Content-Language" content="pl">
<title>Salon Fryzjerski</title>
<META name="title" content="Salon Fryzjerski">
<META name="Keywords" content="fryzjer, salon, pasemka">
<META name="description" content="Prowadzony przez wykwalifikowaną fryzjerkę oferuje strzyżenie damsko - męskie">
<META name="robots" content="all">
</head>

<body background="img/tlo.png" link="#FEE8A8" alink="#FEE8A8" vlink="#FEE8A8">
<div align="center"/>


<table border="0" cellpadding="0" cellspacing="0" align="rigft"/>
<tr>
 <td style="background-color: #FEE8A8"/>


<table border="0" cellpadding="0" cellspacing="0" width="100%" align="left"/>
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>		
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>
<tr>
 <td><a href="oanecie.htm"><img src="img/onas.png" alt="aneta" width="199" height="28" border="1"></a></td>
</tr>
</table>

 </td>

 <td width="693"><a href="http...."><img src="img/fryzjer.png" alt="salon fryzjerski" width="693" height="139"></a></td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" align="rigft"/ width="898">  
<tr>
  <td width="693" bgcolor="#FEE8A8">


			<p> </p>
			<p style="text-align:center;"><b><i>
			<font face="Book Antiqua" size="7" color="#B12E2A">Zaprasza</font>
						<br>	
			<font face="Book Antiqua" size="4" color="#B12E2A">
			od poniedzialku do piatku 10<sup>00</sup> - 19<sup>00</sup>
			<br>
			sobota 8<sup>00</sup> - 15<sup>00</sup></font></i></b>
			</p>
			<p style="text-align:center;"><b><i>
			<font size="4" face="Book Antiqua" color="#B12E2A">Salon w
			<br>
			tel. 089 6</font></i></b></p>

</td>

 <td style="background-color: #FEE8A8" height="443" valign="top">


		<img src="img/aneta.PNG" alt="aneta">
		<p style="text-align:left;">
		<i><font face="Book Antiqua" size="5" color="#B12E2A">fryzjerstwo</font>
		<p style="text-align:right;">
		<i><font face="Book Antiqua" size="5" color="#B12E2A">jest nasza pasja</i></font></td>


 </tr>
</table>

</div>
</body>

</html>

przy czym jeszcze raz podkreślę, że kompletnie do niczego to się nie nadaje...

aneta81 · 3 Listopada 2007

Witam dziekuje za pomoc, na poprawnosci oczywiscie mi zalezy bo to podobno na pozycjonowanie wplywa (a jak jest u mnie ?) ale jak gdzies przeczytalam lepiej zamiescic strone wczesniej bo "profity" zbiera

https://fryzjer-olsztyn.ovh.org/

przyklad drugi to jest to o co mi chodzilo choc pod opera sie ciutke rozjezdza ale to mysle ze sobie z tym poradze, wieczorem wprowadze zmieny.

aneta81 · 6 Listopada 2007

Zmienilam kod powinno byc teraz duzo lepiej jednak mam problem;

1. z wygladem tj inaczej mi wyswietla pod IE6 a inaczej pod opera, czytalam ze wystarczy dodac wpis w css ?

2. w <div id="header"> dodalam na razie "prostackie" 5 znaczkow <br> aby napis "Olsztyn, Ul. ..." byl na samym dole (stykal sie z dolna krawedzia obrazka fryzjer.png) czy mozna cos z tym zrobic w css ?

3. czy mozna zrobic na stronie losowe wyswietlanie obrazku (np. zdj fryzjer.png za kazdym odswiezeniem

(F5) inny losowy obrazek - moze ktos mnie odesle do stosownego materialu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<title>Salon Fryzjerski Aneta | Olsztyn Sucharskiego 1A/C | Tel. 089 676 16 97</title>
<meta name="title" content="Salon Fryzjerski Aneta" />
<meta name="Keywords" content="fryzjer, olsztyn, salon, aneta, sucharskiego, jaroty, fryzjerski, pasemka" />
<meta name="description"
 content="Olsztyn Sucharskiego 1A/C Prowadzony przez wykwalifikowan? fryzjerk? oferuje strzy?enie damsko - m?skie, konkurencyjne ceny, mi?a obs?uga, bezp?atne doradztwo w zakresie kompleksowego oraz indywidualnego doboru fryzury." />
<meta name="abstract" content="Salon Fryzjerski Aneta w Olsztynie na ul Sucharskiego 1A/C" />

<meta http-equiv="Content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
	<div id="top">
	</div>
	<div id="content">
		<div id="header">
<br />
<br />
<br />
<br />
<br />

		Olsztyn, Ul. Sucharskiego 1A/C Tel. (089) 676 16 97
		</div>
		<div id="menu">
			<ul>
				<li><a href="salon.htm">O nas</a></li>
				<li><a href="pasemka.htm">Uslugi</a></li>
				<li><a href="kadus.htm">Produkty</a></li>
				<li><a href="fryzjer.htm">Porady</a></li>
				<li><a href="sucharskiego.htm">Opinie</a></li>
				<li><a href="olsztyn.htm">Kontakt</a></li>
			</ul>
		</div>
		<div id="stuff">
		Zaprasza
		<br /><br />
		od poniedzialku do piatku 10<sup>00</sup> - 19<sup>00</sup>
		sobota 8<sup>00</sup> - 15<sup>00</sup>
		<br /><br />
		Salon w Olsztynie tel. 089 676 16 97
		<br /><br />
		</div>
	</div>
	<div id="bottom">
	</div>
</div>
</body>
</html>

Tresc css

body {
background: #000099 url(images/olsztyn.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 8pt/13pt Edwardian Script ITC Semi-Expanded, verdana, arial,sans-serif;
}


#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}


#top {
background: url(images/generalow.png) top center no-repeat; 
width: 800px;
height: 78px;
}


#content {
background: url(images/jaroty.png) center repeat-y; 
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}


#header {
background: url(images/fryzjer.png) top center no-repeat; 
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 20px;
text-align:;
}
/*					Menu				   */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	

#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/baleyage.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

#menu li a:hover {
color: blue;
background:  url(images/pasemka.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background:  url(images/fryzjerski.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}

img {
border: none;
} 


#bottom {
background: url(images/sucharskiego.png) bottom center no-repeat; 
width: 800px;
height: 50px;
}

Kaviorek · 7 Listopada 2007

1. prosty masz ten kod, powinno się dać tak zrobić aby wszędzie wyglądało podobnie, znajdź to co inaczej jest interpretowane przez przeglądarki i o ten kawałek kodu pytaj,

2. w CSS, np: height:100px;

3. np. w php funkcja rand, czyli np. <? echo rand(0,5); ?> - ten kod będzie wyświetlał losową liczbę od 0 do 5, wystarczy go teraz wstawić w kod html obrazka np. <img src="obrazek_<? echo rand(0,5); ?>.jpg">, i jak się wylosuje np. 3 to wczyta się obrazek o nazwie: obrazek_3.jpg

Zaloguj się

HTML menu z prawej str na lewa

Rekomendowane odpowiedzi

aneta81

Odnośnik do komentarza

Udostępnij na innych stronach

Kaviorek

Odnośnik do komentarza

Udostępnij na innych stronach

aneta81

Odnośnik do komentarza

Udostępnij na innych stronach

aneta81

Odnośnik do komentarza

Udostępnij na innych stronach

Kaviorek

Odnośnik do komentarza

Udostępnij na innych stronach

Zarchiwizowany

Ostatnio przeglądający 0 użytkowników

Polecamy

Senuto

netBOMB.pl
dariuszjurek.pl
noclegi.biz.pl
www.zgred.pl

Współpracują z nami

SEOsklep24.pl
Zdalny Admin

Przeglądaj

Cała aktywność

Twoje kanały aktywności

Powiadomienie o plikach cookie