bordo tondeggiante

**Sly1** · 17-10-2006, 13:26

Ciao ragazi potreste aiutarmi a riprodurre un bordo della tabella di forma tondeggiante...mi spiego meglio:
navigando ho trovato uno dei tanti siti che ha la tabella principale col bordo tondeggiante...tipo questo www.cartiglianonews.it, pur prendendo le immagini di sx e dx la prima riga la riesco a riprodurre, nella seconda riga mi trovo che il bordo di sx che dovrebbe continuare si trova staccato dalla prima riga mentre il bordo della dx si trova defilato a destra...Sicuramente con i css dovrei risolvere ma nn so come
Per farvi capire meglio vi posto una foto del risultato.

**ricman** · 17-10-2006, 16:17

Originariamente inviato da Sly1
Per farvi capire meglio vi posto una foto del risultato.

Devi giocare con Margin, Padding e Width... Facci sapere.
(non ho potuto cliccare sul sito... è costruito con tabelle o con div?)

Ciao

**Sly1** · 17-10-2006, 16:34

si perchè il link comprende anche una virgola che ovviamente va tolta...cmq ho provato col padding ma nn mi riesce

**ricman** · 18-10-2006, 10:05

Originariamente inviato da Sly1
si perchè il link comprende anche una virgola che ovviamente va tolta...cmq ho provato col padding ma nn mi riesce

Oddio... che casino... non sono così esperto da districarmi in quella tonnella di codice!!

Pensavo... ma forse non c'entra (aspettiamo gli esperti)... puoi vedere se fosse quel Form a dare noia? Mi riferisco a questo:

codice:

<form action="index.php?option=com_search" method="get">
	<div class="search">
		<input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="cerca nel sito..."  onblur="if(this.value=='') this.value='cerca nel sito...';" onfocus="if(this.value=='cerca nel sito...') this.value='';" />	</div>

	<input type="hidden" name="option" value="com_search" />
	<input type="hidden" name="Itemid" value="" />	

</form>

Prova a toglierlo un attimo o a dargli margin e padding Zero...

**Sly1** · 18-10-2006, 11:25

scusa ricman forse nn mi sono spiegato bene...il sito segnalato è quello che porta il risultato grafico che vorrei ottenre...mentre l'immagine postata è il mio scadente risultato ottenuto...allora ti posto il mio codice cosi' vedi dove sbaglio...ciao

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> - Home Page</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2180" name=GENERATOR>
</head>

<body topmargin='5'>
<center>

<table width="760" border='0' cellpadding='0' cellspacing='0' >
<tr>
<td align='right'>
[img]left.jpg[/img]
</td>
<td background='center.jpg' >
[img]dreamb.gif[/img]
</td>
<td background='center.jpg' >
[img]dream2.jpg[/img]
</td>
<td align='left'>
[img]right.jpg[/img]
</td>
</tr>
<tr style="margin-top: -5;">
<td valign="top" style="padding-left:8px; background-repeat: repeat-y;" width="11" height="25" background="shadowl.jpg"></td>
<td colspan='2' align='center'>
<font face="Verdana" size='2'>Come faccio ad attaccare i bordi?</font>
</td>
<td align='right' valign="top" style="padding-right: 18px; background-repeat: repeat-y;" background="shadowr.jpg">
</td>
</tr>

</table>
</body>
</html>

**ricman** · 18-10-2006, 16:05

Originariamente inviato da Sly1
scusa ricman forse nn mi sono spiegato bene...il sito segnalato è quello che porta il risultato grafico che vorrei ottenre...mentre l'immagine postata è il mio scadente risultato ottenuto...allora ti posto il mio codice cosi' vedi dove sbaglio
...

Purtrppo dal codice che mi passi non si riesce a vedere l'errore.
A parte le tabelle (meglio usare i Div) il sito è pieno di riferimenti a foto che "non esistono" e non sono neanche in grado di sostituirle perchè non ne conosco le dimensioni.
Se questo (sotto) era il tuo codice dovresti cercare di semplificarlo in modo da poterci ragionare sopra. Io l'ho copiato e incollato, poi l'ho guardato nel browser (uso FF) e non ho visto assolutamente niente!!

Si vedono degli errori di foto mancanti, il testo "Come faccio a...", e basta... neanche un bordo...
Unico consiglio: togli tutte le formattazioni dall'html e mettile in un css così il codice è più pulito e si legge meglio. Poi, dove vuoi che si vedano delle foto, specifichi di che dimensioni devono essere, sennò non si può simulare...

Buon divertimento... restiamo in attesa...

codice:

<table width="760" border='0' cellpadding='0' cellspacing='0' >
	<tr>
		<td align='right'>[img]left.jpg[/img]</td>
		<td background='center.jpg' >[img]dreamb.gif[/img]</td>
		<td background='center.jpg' >[img]dream2.jpg[/img]</td>
		<td align='left'>[img]right.jpg[/img]</td>
	</tr>
	<tr style="margin-top: -5;">
		<td 
			valign="top" 
			style="padding-left:8px; background-repeat: repeat-y;" 
			width="11" height="25" 
			background="shadowl.jpg"
		>
		</td>
		<td colspan='2' align='center'>Come faccio ad attaccare i bordi?</td>
		<td
			align='right'
			valign="top" 
			style="padding-right: 18px; background-repeat: repeat-y;" background="shadowr.jpg"
		>
		</td>
	</tr>
</table>

Discussione: bordo tondeggiante

Strumenti discussione

Ricerca discussione

Visualizza

bordo tondeggiante

Re: bordo tondeggiante

Permessi di invio